将Javascript子数组转换为一个数组

Question

我有这个数组:

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

我希望它能够实现。

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

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

- André Lucas

Answer 1

2020年更新：

现在您可以在所有现代浏览器中使用.flat()。

var newArray = arr.flat([depth])

let result = ['bla', ['ble', 'bli'], 'blo', ['blu']].flat()
console.log(result);
result = ['bla', ['ble', ['bli', ['bom']]], 'blo', ['blu']].flat()
console.log(result);
result = ['bla', ['ble', ['bli', ['bom']]], 'blo', ['blu']].flat(2)
console.log(result);
result = ['bla', ['ble', ['bli', ['bom']]], 'blo', ['blu']].flat(Infinity)
console.log(result);

你可以使用 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;
}

- dave

---

+1 但这仅适用于嵌套一层深度的数组。例如 ['bla', ['ble', ['bli']], 'blo', ['blu']] 将得到 ['bla', 'ble', ['bli'], 'blo', 'blu']。 - p.s.w.g

Answer 2

现在有一个新的数组原型函数叫做flat。目前，微软浏览器和三星Internet不支持此功能。语法很简单：

array.flat([depth])

depth是一个可选变量，它指定要展开的层数。默认值为1。在这里了解更多。

- Brendon Shaw

Answer 3

编辑：请查看Dave的答案或p.s.w.g的答案，它们更好。这段代码很糟糕，不应该使用（我无法删除已接受的答案）。

你可以像这样做：

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

演示

解释：

很简单。对于包含数组的数组使用toString()方法会创建一个包含顶层所有元素的字符串，因此无论数组中的元素有多“深”，[['abc']].toString()的结果都是“abc”。之后，您只需使用String.prototype.split将获取的字符串拆分为数组，就可以完成您的目标。

- Some Guy

---

拆分的问题在于，如果内容是不同类型的，你就会失去那种类型。也就是说，数字最终会变成字符串。 - epascarello

如果字符串中有逗号，它将无法工作。 - dave

这两点都非常好。@dave 你的答案似乎更优秀。 - Some Guy

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

演示

请注意，这依赖于Array.isArray，在较旧的浏览器中可能不可用。如果出现问题，您可以使用其他数组测试替换它（例如arr[i].constructor == Array）。

- p.s.w.g