• 语法: flatten(array)
    • 取出嵌套数组(多维)中的所有元素放到一个新数组(一维)中
    • 如: [1, [3, [2, 4]]] ==> [1, 3, 2, 4]

    ES2019 方法 flat(depth) 深度，默认值为 1。

    • flat() 方法会移除数组中的空项
    • 使用 Infinity，可展开任意深度的嵌套数组 ```javascript var arr = [1, 2, [3, 4]];

    // 展开一层数组 arr.flat(); // 等效于 arr.reduce((acc, val) => acc.concat(val), []); // [1, 2, 3, 4]

    // 使用扩展运算符 … const flattened = arr => [].concat(…arr);

    1. ```javascript
    2. // 方法1：ES6中 Array.prototype.flat()
    3. console.log(arr.flat(Infinity))
    6. // 方法2：迭代的思路
    7. function flat(arr, depth = 1) {
    8.   while (arr.some((item) => Array.isArray(item)) && depth > 0) {
    9.     arr = [].concat(...arr);
    10.     depth--;
    11.   }
    12.   return arr;
    13. }
    16. // 方法3：递归
    17. function flat(arr, depth = 1) {
    18.   let result = [];
    19.   function _loop(arr) {
    20.     arr.forEach((item) => {
    21.       if (Array.isArray(item) && depth > 0) {
    22.         _loop(item, depth--);
    23.       } else {
    24.         result.push(item);
    25.       }
    26.     });
    27.   }
    28.   _loop(arr);
    29.   return result;
    30. }
    34. // 方法4：reduce + 递归
    35. function flat(arr, depth = 1) {
    36.   return d > 0
    37.     ? arr.reduce(
    38.         (acc, val) =>
    39.           acc.concat(Array.isArray(val) ? flat(val, depth - 1) : val),
    40.         []
    41.       )
    42.     : arr.slice();
    43. }
    47. // toString
    48. function flat (arr) {
    49.   return arr.toString().split(',').map(item => Number(item)) //转成字符串会只有一个逗号相隔
    50. }
    51. console.log(flat(arr))
    53. // stringify
    54. function flat (arr) {
    55.   let str = JSON.stringify(arr)
    56.   str = str.replace(/\[|\]/g, '') //去掉中括号
    57.   return str.split(',').map(item => Number(item)))
    58. }
    59. console.log(flat(arr))