Question

我有这个数组：

array = ['bla', ['ble', 'bli'], 'blo', ['blu']]

我希望它是

array = ['bla', 'ble', 'bli', 'blo', 'blu']

是否有一个简单的函数可以给我这个特定的结果？

Answer 1

您可以使用concat执行此操作：

array = [].concat.apply([], array)

如果你需要递归（嵌套嵌套数组），我可能会这样做：

function flatten(arr, result) {
    if (typeof result === "undefined") {
        result = [];
    }
    for (var i = 0; i < length; i++) {
        if (Array.isArray(arr[i])) {
            flatten(arr[i], result);
        } else {
            result.push(arr[i]);
        }
    }
    return result;
}

Answer 2

有一个名为 flat 的新数组原型函数。当前，Microsoft浏览器和Samsung Internet不支持此功能。语法很简单：

array.flat([depth])

depth 是一个可选变量，用于指定要展平的层数。默认值为1。有关它的更多信息，here。

Answer 3

编辑：请查看Dave的答案或p.s.w.g的答案 - 他们是优越的。这段代码非常糟糕，应该不使用（我无法删除已接受的答案）。

你可以这样做：

var arr = ['bla', ['ble', 'bli'], 'blo', ['blu']];
var newArr = arr.toString().split(',');

Demo

说明：

这很简单。包含数组的数组上的toString()会创建一个包含顶级所有元素的字符串，因此无论数组中的“深度”如何，[['abc']].toString()都会产生'abc'。之后，您只需使用String.prototype.split将您获得的字符串拆分为数组，并完成目标

Answer 4

已提供的其他答案都很好，但这是我的递归方法的实现，它将任意嵌套到任意深度的数组：

var flatten = function(arr) {
    var out = [];
    for(var i = 0; i < arr.length; i++) {
        out.push.apply(out, Array.isArray(arr[i]) ? flatten(arr[i]) : [ arr[i] ]);
    }

    return out;
};

Demonstration

请注意，这取决于Array.isArray，这可能在旧版浏览器中不可用。如果这是一个问题（例如arr[i].constructor == Array）

，您可以将其替换为另一个阵列测试

将Javascript subArrays转换为一个Array

4 个答案: