.NET中Single/SingleOrDefault方法的TypeScript等价实现（Angular环境）

Great question! In Angular's TypeScript ecosystem, we don't have exact built-in equivalents to .NET's Single and SingleOrDefault for arrays right out of the box, but we can easily replicate their behavior either by extending the Array prototype (for plain arrays, just like your .NET List<T> example) or using RxJS operators (which is super common in Angular for handling asynchronous data streams).

1. 针对普通数组的实现（对应.NET List<T>） #

如果你在处理常规TypeScript数组，想要和.NET方法完全一致的行为，可以给Array原型添加扩展方法：

实现single()（匹配.NET Single） #

当匹配元素数量不为1时，这个方法会抛出异常：

declare global {
  interface Array<T> {
    single(predicate: (item: T) => boolean): T;
  }
}

Array.prototype.single = function<T>(predicate: (item: T) => boolean): T {
  const matches = this.filter(predicate);
  if (matches.length === 0) {
    throw new Error("No matching element found");
  }
  if (matches.length > 1) {
    throw new Error("More than one matching element found");
  }
  return matches[0];
};

使用示例（和你的.NET代码对应）：

// 注：你的.NET代码用了List<string>但传入数字，这里统一用字符串保持一致性
const ls = ['1','2','3','3','3','4','5','6'];

try {
  const x1 = ls.single(x => x === '3'); // 抛出异常："More than one matching element found"
} catch (e) {
  console.error(e);
}

const x3 = ls.single(x => x === '1'); // 返回'1'

实现singleOrDefault()（匹配.NET SingleOrDefault） #

当匹配元素数量不为1时，这个方法会返回默认值（引用类型返回undefined，数字类型返回0等）：

declare global {
  interface Array<T> {
    singleOrDefault(predicate: (item: T) => boolean): T | undefined;
  }
}

Array.prototype.singleOrDefault = function<T>(predicate: (item: T) => boolean): T | undefined {
  const matches = this.filter(predicate);
  if (matches.length !== 1) {
    // 根据数组元素类型返回对应默认值
    return typeof this[0] === 'number' ? 0 as unknown as T : undefined;
  }
  return matches[0];
};

使用示例：

const ls = ['1','2','3','3','3','4','5','6'];
const x2 = ls.singleOrDefault(x => x === '3'); // 返回undefined（如果是数字数组则返回0）

2. 使用RxJS操作符（Angular异步数据处理首选） #

在Angular中，大多数异步数据（比如HTTP响应）都是通过Observable配合RxJS处理的。RxJS提供的single操作符和.NET的Single行为几乎一致：

RxJS single操作符 #

import { of } from 'rxjs';
import { single } from 'rxjs/operators';

// 从数组创建Observable
const ls$ = of('1','2','3','3','3','4','5','6');

// 因多个元素匹配，会触发错误
ls$.pipe(
  single(x => x === '3')
).subscribe({
  next: (val) => console.log(val),
  error: (err) => console.error(err) // 输出错误："Sequence contains more than one element matching the predicate"
});

// 匹配单个元素，正常返回结果
ls$.pipe(
  single(x => x === '1')
).subscribe(val => console.log(val)); // 输出'1'

在RxJS中模拟SingleOrDefault #

RxJS没有内置的singleOrDefault，但我们可以自定义一个操作符来实现该行为：

import { Observable } from 'rxjs';
import { filter, first, map, toArray } from 'rxjs/operators';

function singleOrDefault<T>(predicate: (item: T) => boolean, defaultValue: T | undefined = undefined) {
  return (source: Observable<T>) => source.pipe(
    filter(predicate),
    toArray(),
    first(),
    map(matches => matches.length === 1 ? matches[0] : defaultValue)
  );
}

// 使用示例
const ls$ = of('1','2','3','3','3','4','5','6');

ls$.pipe(
  singleOrDefault(x => x === '3', undefined)
).subscribe(val => console.log(val)); // 输出undefined

内容的提问来源于stack exchange，提问作者sommmen