Найти объект в массиве с использованием TypeScript

Question

Существует ли канонический способ поиска объекта в массиве с помощью TypeScript?

Я знаю, машинопись реализовано множество функций ES6 и ES6 могут сделать это:

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

// returns {"id":-2} 

Однако я не могу видеть, найти на TS roadmap.

Очевидно, это может быть сделано старомодным способом с помощью ES5 Javascript. Дело в том, что TypeScript отслеживает функции ES6, поэтому я спрашиваю, возможен ли лучший способ, желательно что-то вроде примера ES6, показанного выше.

Answer 1

Часть первая - Polyfill

Для браузеров, которые не реализовали, а polyfill для array.find. 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; 
    }; 
} 

Часть вторая - Интерфейс

Вам необходимо расширить открытый интерфейс массива включить метод 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); 

Answer 2

Для некоторых проектов это проще установить цель es6 в вашем tsconfig.json.

{ 
    "compilerOptions": { 
    "target": "es6", 
    ... 

Answer 3

Игра с tsconfig.json Вы также можете нацеливание ES5 так:

{ 
    "compilerOptions": { 
     "experimentalDecorators": true, 
     "module": "commonjs", 
     "target": "es5" 
    } 
    ... 

Answer 4

Вы можете просто использовать библиотеку подчеркиванием.

Установите его:

npm install underscore --save 
    npm install @types/underscore --save-dev 

Импорт он

import _ = require('underscore'); 

Используйте его

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

Answer 5

Если вам нужны некоторые улучшения ES6 не поддерживаются машинопись, вы можете ориентировать ES6 в вашем TSconfig и использовать Babel для преобразования ваших файлов в es5.