Bản đồ định dạng flatMap, phẳng, phẳng không tồn tại trên bất kỳ loại nào []

Tôi đang sử dụng chrome 70 và chrome có thêm các phương thức .flatMap, .flatten, .flat. Vì vậy, mã của tôi không chạy như mong đợi. Thật không may, Typecript không thích nó.

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

cảnh báo tôi nhận được là TS2339: Property 'flatMap' does not exist on type 'any[]'.

Theo cách tôi đang sử dụng Angular 6, cách sử dụng Typescript ~2.9.2và tôi đã đưa import 'core-js/es7/array';vào polyfills.ts.

Tôi đoán là không có cách nhập cho các phương pháp này và tôi đã cố gắng npm run -dev @types/array.prototype.flatmapnhưng vẫn không giải quyết được.

Bạn nên thêm es2019hoặc es2019.arrayvào --libcài đặt của mình để TypeScript nhận ra array.flat()và flatMap().

Thí dụ:

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

Trước đây, tính năng này đã có sẵn như một phần của esnexthoặc esnext.array, nhưng giờ đây nó chính thức là một phần của ES2019.

Bạn có thể mở rộng giao diện mảng toàn cục trong khi chờ ổn định, lúc này nó sẽ được thêm vào thư viện mặc định.

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

Câu trả lời của Aaron Beall là tuyệt vời. Có thể đáng biết rằng nếu "lib" không được chỉ định trong tệp tsConfig.JSON, danh sách thư viện mặc định sẽ được đưa vào. Các thư viện mặc định được đưa vào là: ► Đối với --target ES5: DOM, ES5, ScriptHost ► Đối với --target ES6: DOM, ES6, DOM.Iterable, ScriptHost

Nói cách khác: Chúng ta phải chỉ định những lib đã được thêm tự động trước đó. (xem: https://www.typescriptlang.org/docs/handbook/compiler-options.html để biết thêm thông tin)

"compilerOptions": {

   "target": "es6",

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

Để phẳng mảng đơn cấp

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

Đến mảng đa cấp phẳng

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

để biết sâu bạn cũng có thể kiểm tra liên kết dưới đây

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