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]);
});

我最初想使用.reduce方法并递归调用一个函数来展平内部数组，但是当使用深度嵌套数组的深度嵌套数组时，这可能会导致堆栈溢出。使用concat也不是最好的方法，因为每次迭代都会创建数组的新浅层副本。我们可以做的是：

const flatten = arr => {
    for(let i = 0; i < arr.length;) {
        const val = arr[i];
        if(Array.isArray(val)) {
            arr.splice(i, 1, ...val);
        } else {
            i ++;
        }
    }
    return arr;
}

我们没有通过concat创建新数组，也没有递归调用任何函数。

http://jsbin.com/firiru/4/edit?js安慰

您可以使用Undercore：

var x = [[1], [2], [3, 4]];

_.flatten(x); // => [1, 2, 3, 4]

var arrays=[[“$6”]，[“$12”]，“$25”]，【“$25“]，【”$18“】，【”$22“】，“$10”】，【“$15”】，“$3”】，[”$3“]，[”$75“]，“$5”]、[”$100“]、[“$7”]、【”$3“]、【“$75”】、【”$5“]]；var merged=[].contat.apply（[]，数组）；警报（合并）；

Haskell式方法

函数flatArray（[x，…xs]）{返回x？[…Array.isArray（x）？flatArray（x）：[x]。。。flatArray（xs）]：[]；}var na=[[1,2]，[3，[4,5]]，[6,7，[[[8]，9]，10]；fa=平面阵列（na）；console.log（fa）；

另一种方法是使用jQuery$.map（）函数。从jQuery文档：

该函数可以返回一个值数组，该数组将被展平为完整数组。

var source = [["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"]];
var target = $.map(source, function(value) { return value; }); // ["$6", "$12", "$25", "$25", "$18", "$22", "$10"]