Typescript flatMap, flat, flatten non esiste sul tipo any []

Sto usando Chrome 70 e Chrome aggiunge metodi .flatMap, .flatten, .flat. Quindi il mio codice funziona come previsto. Sfortunatamente, Typescript non piace.

// data.flatMap lint error
export const transformData = (data: any[]) => data.flatMap(abc => [
   parentObj(abc),
   ...generateTasks(abc)
]);

l'avvertimento che ho ricevuto è TS2339: Property 'flatMap' does not exist on type 'any[]'.

Tra l'altro sto usando Angular 6, quale uso Typescript ~2.9.2e già includo import 'core-js/es7/array';in polyfills.ts.

La mia ipotesi è che non ci sia digitazione per questi metodi e ho provato a farlo, npm run -dev @types/array.prototype.flatmapma non ho ancora risolto.

È necessario aggiungere es2019o es2019.arrayalle --libimpostazioni affinché TypeScript riconosca array.flat()e flatMap().

Esempio:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "es2019"
    ]
  }
}

In precedenza era disponibile come parte di esnexto esnext.array, ma ora fa ufficialmente parte di ES2019.

È possibile estendere l'interfaccia dell'array globale mentre si attende la stabilità, a quel punto verrà aggiunta alla libreria predefinita.

interface Array<T> {
    flat(): Array<T>;
    flatMap(func: (x: T) => T): Array<T>;
}

La risposta di Aaron Beall è eccellente. Può valere la pena sapere che se "lib" non è specificato nel file tsConfig.JSON, viene inserito un elenco predefinito di librerie. Le librerie predefinite inserite sono: ► Per --target ES5: DOM, ES5, ScriptHost ► Per --target ES6: DOM, ES6, DOM.Iterable, ScriptHost

In altre parole: dobbiamo specificare quelle librerie che sono state precedentemente aggiunte automaticamente. (vedi: https://www.typescriptlang.org/docs/handbook/compiler-options.html per ulteriori informazioni)

"compilerOptions": {

   "target": "es6",

   "lib": [ "es2019", "DOM", "ES6" ,"DOM.Iterable", "ScriptHost"],}

A matrice piatta a livello singolo

arr.reduce((acc, val) => acc.concat(val), []);

Per un array multi livello piatto

function flatDeep(arr, d = 1) {
   return d > 0 ? arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatDeep(val, d - 1) : val), []) : arr.slice();
};

per conoscere a fondo puoi anche controllare il link sottostante

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat