ES6单线压扁

参见lodash flatten，下划线flatten（浅真）

function flatten(arr) {
  return arr.reduce((acc, e) => acc.concat(e), []);
}

or

function flatten(arr) {
  return [].concat.apply([], arr);
}

使用测试

test('already flatted', () => {
  expect(flatten([1, 2, 3, 4, 5])).toEqual([1, 2, 3, 4, 5]);
});

test('flats first level', () => {
  expect(flatten([1, [2, [3, [4]], 5]])).toEqual([1, 2, [3, [4]], 5]);
});

ES6单线深压平

请参见lodash flattendep，下划线flatten

function flattenDeep(arr) {
  return arr.reduce((acc, e) => Array.isArray(e) ? acc.concat(flattenDeep(e)) : acc.concat(e), []);
}

使用测试

test('already flatted', () => {
  expect(flattenDeep([1, 2, 3, 4, 5])).toEqual([1, 2, 3, 4, 5]);
});

test('flats', () => {
  expect(flattenDeep([1, [2, [3, [4]], 5]])).toEqual([1, 2, 3, 4, 5]);
});

可以将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（展平）

在此处检查浏览器兼容性

您可以使用“join（）”和“split（）”：

设arrs=[["$6"],["$12"],["$25"],["$25"],["$18"],["$22"],["$10"]];让newArr=arrs.join（“，”）.split（“，“）；console.log（newArr）；//["$6", "$12", "$25", "$25", "$18", "$22", "$10"]

此外，还可以使用“toString（）”和“split（）”：

设arrs=[["$6"],["$12"],["$25"],["$25"],["$18"],["$22"],["$10"]];让newArr=arrs.toString（）.split（“，”）；console.log（newArr）；//["$6", "$12", "$25", "$25", "$18", "$22", "$10"]

然而，如果字符串包含逗号，上述两种方式都不能正常工作：

“join（）”和“split（）”：

设arrs=[["$,6"],["$,12"],["$2,5"],["$2,5"],[",$18"],["$22,"],["$,1,0"]];让newArr=arrs.join（“，”）.split（“，“）；console.log（newArr）；// ["$", "6", "$", "12", "$2", "5", "$2", "5", "", "$18", "$22", "", "$", "1", "0"]

“toString（）”和“split（）”：

设arrs=[["$,6"],["$,12"],["$2,5"],["$2,5"],[",$18"],["$22,"],["$,1,0"]];让newArr=arrs.toString（）.split（“，”）；console.log（newArr）；// ["$", "6", "$", "12", "$2", "5", "$2", "5", "", "$18", "$22", "", "$", "1", "0"]

有一个令人困惑的隐藏方法，它在不改变原始数组的情况下构造一个新数组：

var oldArray=[[1]，[2,3]，[4]；var newArray=Array.prototype.contat.apply（[]，oldArray）；console.log（newArray）；//[ 1, 2, 3, 4 ]

在javascript中定义一个名为foo的数组数组，并使用javascript的arrayconcat内置方法将该数组展平为单个数组：

const foo = [["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"]] 
console.log({foo}); 

const bar = [].concat(...foo) 
console.log({bar});

应打印：

{ foo: 
   [ [ '$6' ],
     [ '$12' ],
     [ '$25' ],
     [ '$25' ],
     [ '$18' ],
     [ '$22' ],
     [ '$10' ] ] }
{ bar: [ '$6', '$12', '$25', '$25', '$18', '$22', '$10' ] }

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