前几天我和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*运算符的简单示例。

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

ES6方式：

constflatten=arr=>arr.reduce（（acc，next）=>acc.concat（Array.isArray（next）？flatten（next）：next），[]）常量a=[1，[2，[3，[4]，[5]]]]console.log（flatten（a））

对于N次嵌套数组，具有ES3回退的扁平函数的ES5方式：

var flatten=（函数）{if（！！Array.prototype.reduce&&！！Arrax.isArray）{返回函数（数组）{return array.reduce（函数（prev，next）{return prev.concat（Array.isArray（next）？flatten（next）：next）；}, []);};}其他{返回函数（数组）{var arr=[]；变量i=0；var len=阵列长度；var目标；对于（；i<len；i++）{目标=阵列[i]；arr=arr.concat(（Object.protype.toString.call（target）=='[Object Array]'）？展平（目标）：目标);}返回arr；};}}());var a=[1，[2，[3，[4，[5]]]]；console.log（flatten（a））；

如何使用JavaScript 1.8的reduce（callback[，initialValue]）方法

list.reduce((p,n) => p.concat(n),[]);

能胜任这项工作。

ES2019年

ES2019引入了Array.protocol.flat（）方法，您可以使用它来展平阵列。它与大多数环境兼容，尽管它仅在Node.js版本11开始提供，而在Internet Explorer中根本不提供。

常量数组=[["$6"],["$12"],["$25"],["$25"],["$18"],["$22"],["$10"]];const merge3=arrays.flat（1）//指定嵌套数组结构应展平的深度级别。默认值为1。console.log（合并3）；

较旧的浏览器

对于较旧的浏览器，可以使用Array.prototype.cocat合并数组：

var数组=[["$6"],["$12"],["$25"],["$25"],["$18"],["$22"],["$10"]];var merged=[].contat.apply（[]，数组）；console.log（合并）；

使用concat的apply方法将只将第二个参数作为数组，因此最后一行与此相同：

var merged = [].concat(["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"]);

使用那里的代码。

我会写：

myArray.enumerable().selectMany(function(x) { return x; }).array()

您也可以尝试新的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文档的当前浏览器兼容性。