您也可以尝试新的Array.flat（）方法。其工作方式如下：

let arr=[[“$6”]，[“$12”]，【“$25”】，[“$25“]，【”$18“】，【”$22“】，[”$10“]].flat（）控制台日志（arr）；

flat（）方法创建一个新数组，所有子数组元素递归地连接到其中，直到1层深度（即数组内部的数组）

如果您还想展平三维或更高维度的数组，只需多次调用flat方法。例如（三维）：

设arr=[1,2，[3,4，[5,6]]].flat（）.flat；控制台日志（arr）；

小心！

Array.flat（）方法相对较新。像ie这样的旧浏览器可能没有实现该方法。如果你想让你的代码在所有浏览器上运行，你可能需要将你的JS转换成一个旧版本。检查MDN web文档的当前浏览器兼容性。

我只是在寻找一个更快更简单的解决方案，为什么？因为我是一个面试问题，我很好奇，所以我做了这个：

function flattenArrayOfArrays(a, r){
    if(!r){ r = []}
    for(var i=0; i<a.length; i++){
        if(a[i].constructor == Array){
            flattenArrayOfArrays(a[i], r);
        }else{
            r.push(a[i]);
        }
    }
    return r;
}

var i = [[1,2,[3]],4,[2,3,4,[4,[5]]]], output;

// Start timing now
console.time("flatten");
output = new Array(JSON.stringify(i).replace(/[^\w\s,]/g,"")); 
output
// ... and stop.
console.timeEnd("flatten");

// Start timing now
console.time("flatten2");
output = [].concat.apply([], i)
output
// ... and stop.
console.timeEnd("flatten2");

// Start timing now
console.time("flatten3");
output = flattenArrayOfArrays(i)
output
// ... and stop.
console.timeEnd("flatten3");

我使用了这里最流行的答案和我的解决方案。我想有人会觉得这很有趣。干杯

可以将Array.flat（）与Infinity一起用于任何深度的嵌套数组。

var arr=[[1,2,3,4]，[1,2，[1,2,3]]，[1,2,4,5，[1,3,4，[12,3,4，[12,3,4]]]，[[1,2,3-4]，[1,3，[1，2]，[1，2，3，5]，[1，3，4，[1，2,3,4]]]；let flatten=arr.flat（无限）console.log（展平）

在此处检查浏览器兼容性

要在一行中展平二维阵列，请执行以下操作：

[[1, 2], [3, 4, 5]].reduce(Function.prototype.apply.bind(Array.prototype.concat))
// => [ 1, 2, 3, 4, 5 ]

我使用这个方法来展开混合数组：（这对我来说似乎最简单）。用较长的版本来解释步骤。

function flattenArray(deepArray) {
    // check if Array
    if(!Array.isArray(deepArray)) throw new Error('Given data is not an Array')

    const flatArray = deepArray.flat() // flatten array
    const filteredArray = flatArray.filter(item => !!item) // filter by Boolean
    const uniqueArray = new Set(filteredArray) // filter by unique values
    
    return [...uniqueArray] // convert Set into Array
}

//较短版本：

const flattenArray = (deepArray) => [...new Set(deepArray.flat().filter(item=>!!item))]

flattenArray([4,'a', 'b', [3, 2, undefined, 1], [1, 4, null, 5]])) // 4,'a','b',3,2,1,5

Codesandbox链接

现代方法

使用[].flat（Infinity）方法

const nestedArray = [1,[2,[3],[4,[5,[6,[7]]]]]]
const flatArray = nestedArray.flat(Infinity)
console.log(flatArray)

前几天我和ES6发电机玩得很开心，写了这篇文章。其中包含。。。

function flatten(arrayOfArrays=[]){
  function* flatgen() {
    for( let item of arrayOfArrays ) {
      if ( Array.isArray( item )) {
        yield* flatten(item)
      } else {
        yield item
      }
    }
  }

  return [...flatgen()];
}

var flatArray = flatten([[1, [4]],[2],[3]]);
console.log(flatArray);

基本上，我正在创建一个生成器，它在原始输入数组上循环，如果它找到一个数组，它将使用yield*运算符与递归相结合，以不断展平内部数组。如果项不是数组，则只生成单个项。然后使用ES6 Spread运算符（也称为splat运算符），我将生成器展平为一个新的数组实例。

我还没有测试它的性能，但我认为这是一个使用生成器和yield*运算符的简单示例。

但是，我又一次只是在偷懒，所以我相信有更多的表演方式可以做到这一点。