Verwenden Sie ECMA6 Array-Methoden in Typescript?

Question

Kann ich die neuen ECMA6 Array-Methoden wie find() und includes() in Typescript verwenden? Sie scheinen zu arbeiten, trotz der Tatsache, dass der Compiler sagt:

error TS2339: Property 'find' does not exist on type 'User[]'. 

The documentation impliziert, dass es funktionieren sollte, wenn sie sagt

Typoskript unterstützt neue Funktionen in JavaScript, wie die Unterstützung für klassenbasierte Objekt -orientierte Programmierung.

Warum gibt es mir einen Fehler?

Answer 1

Sie müssen sicherstellen, dass die target in tsconfig.json-"ES6" gesetzt:

"target": "ES6" // under "compilerOptions" 

Das wird es den definition file mit find(..) in Array<T> gefunden machen sind.

Beispiel

// test.ts 
var a: number[]; 

a.find(n => n === 3); 

Dann kompilieren:

tsc test.ts --target ES6 // ok 
tsc test.ts --target ES5 // error: Property 'find' does not exist on type 'number[]' 

Polyfill

Wenn Sie ES6 nicht ausrichten möchten und stattdessen eine polyfill verwenden, dann können Sie Fügen Sie dies zu einer Definitionsdatei hinzu, die von Ihrem Code verwendet werden soll:

interface Array<T> { 
    find(predicate: (value: T, index: number, obj: Array<T>) => boolean, thisArg?: any): T; 
}