typescript - 如何使用 TypeScript 查找数组项？ (一种现代的，更简单的方法)

Question

是否有一种规范的方法可以使用 TypeScript 查找数组中的项目？

ES6+ 允许这种简单/干净的方法

[{"id":1}, {"id":-2}, {"id":3}].find(myObj => myObj.id < 0)  // returns {"id":-2}

TypeScript 实现了许多 ES6+ 特性，并将继续这样做。它似乎至少有一个同样好的解决方案，所以:

如何使用 TypeScript 在数组中找到一个项目，同时考虑易用性、现代最佳实践和通过简单而优雅？
(略微重述问题以寻求最佳方法)

注释

• "item"可以是 JavaScript 对象，或几乎任何其他对象。上面的例子恰好是寻找普通的 ol'native JS 对象，但是存在很多场景。

• “canonical”只是计算机科学(和其他领域)中“普遍接受的规则或标准公式”的一种奇特方式(记住这里的每个人在某些时候都不知道点)

• 这与新功能无关。任何版本的 JS 都可以做到这一点。然而，随着时间的推移，这样做的形式会变得越来越没有吸引力。

• TypeScript roadmap供引用。

Answer 1

第一部分 - Polyfill

对于尚未实现它的浏览器，array.find 的 polyfill。 Courtesy of MDN .

if (!Array.prototype.find) {
  Array.prototype.find = function(predicate) {
    if (this == null) {
      throw new TypeError('Array.prototype.find called on null or undefined');
    }
    if (typeof predicate !== 'function') {
      throw new TypeError('predicate must be a function');
    }
    var list = Object(this);
    var length = list.length >>> 0;
    var thisArg = arguments[1];
    var value;

    for (var i = 0; i < length; i++) {
      value = list[i];
      if (predicate.call(thisArg, value, i, list)) {
        return value;
      }
    }
    return undefined;
  };
}

第二部分 - 界面

您需要扩展开放的 Array 接口(interface)以包含 find 方法。

interface Array<T> {
    find(predicate: (search: T) => boolean) : T;
}

当它到达 TypeScript 时，您会收到来自编译器的警告，提醒您删除它。

第三部分 - 使用它

变量 x 将具有预期的类型... { id: number }

var x = [{ "id": 1 }, { "id": -2 }, { "id": 3 }].find(myObj => myObj.id < 0);