typescript数组降维

array.flat()方法是一个JavaScript内置的方法，它可以将一个多维数组展平成一个一维数组，并返回一个新的数组。它的作用是将数组中的所有元素和子数组中的元素拼接起来，形成一个没有嵌套的数组。

array.flat()方法可以接受一个可选的参数，表示要展平的深度，默认为1，即只展平一层嵌套的数组。如果要展平所有层级的数组，可以传入Infinity作为参数2。如果传入0或负数，则不会展平任何数组。

 

Infinity参数是强制全部转换成1维，其他int值待变指定转换几层

array.flat(Infinity)

// 创建一个多维数组
const arr = [1, 2, [3, 4], [[5, 6]], [[[7, 8]]]];

// 使用默认参数展平一层
console.log(arr.flat()); // 输出 [1, 2, 3, 4, [5, 6], [[7, 8]]]

// 使用指定参数展平两层
console.log(arr.flat(2)); // 输出 [1, 2, 3, 4, 5, 6, [7, 8]]

// 使用Infinity参数展平所有层
console.log(arr.flat(Infinity)); // 输出 [1, 2, 3, 4, 5, 6, 7, 8]

 

这时tsconfig.json要把lib加es***改到es2019以上才行，不然没有这个语法

"lib": ["es2019"]

{
  "compilerOptions": {
    "baseUrl": "src/main/webapp/",
    "outDir": "./target/classes/static/",
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "sourceMap": true,
    "skipLibCheck": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2017",
    "module": "es2020",
    "lib": ["es2019", "dom"]
  },
  "angularCompilerOptions": {
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true,
    "preserveWhitespaces": true
  }
}

他还可以删除空值，看我这篇blog：

https://blog.csdn.net/Damien_J_Scott/article/details/132710177