如何在jQuery中展平数组？

Question

如何在jQuery中简单地展平数组？我有:

[1, 2, [3, 4], [5, 6], 7]

而且我要:

[1, 2, 3, 4, 5, 6, 7]

Answer 1

你可以使用jQuery.map,如果你已经加载了jQuery库,那就是这样.

$.map( [1, 2, [3, 4], [5, 6], 7], function(n){
   return n;
});

返回

[1, 2, 3, 4, 5, 6, 7]

Answer 2

使用JavaScript的力量:

var a = [[1, 2], 3, [4, 5]];

console.log( Array.prototype.concat.apply([], a) );
//will output [1, 2, 3, 4, 5]

Answer 3

以下是如何使用jquery来展平深层嵌套数组:

$.map([1, 2, [3, 4], [5, [6, [7, 8]]]], function recurs(n) {
    return ($.isArray(n) ? $.map(n, recurs): n);
});

返回:

[1, 2, 3, 4, 5, 6, 7, 8]

利用jQuery.map以及jQuery.isArray.

Answer 4

var a = [1, 2, [3, 4], [5, [6, [7, 8]]]];
var b = [];

function flatten(e,b){
    if(typeof e.length != "undefined")
    {
        for (var i=0;i<e.length;i++)
        {
            flatten(e[i],b);
        }
    }
    else
    {
        b.push(e);
    }
}
flatten(a,b);
console.log(b);

flatten函数应该这样做,这不需要jQuery.只需将所有这些复制到Firebug中并运行即可.

Answer 5

要以递归方式展平数组,可以使用本机Array.reduce函数.没有必要使用jQuery.

function flatten(arr) {
    return arr.reduce(function flatten(res, a) { 
        Array.isArray(a) ? a.reduce(flatten, res) : res.push(a);
        return res;
    }, []);
}

执行

flatten([1, 2, [3, 4, [5, 6]]])

回报

[ 1, 2, 3, 4, 5, 6 ]