如何在jQuery中展平数组?

时间:2011-10-24 11:41:50

标签: jquery arrays flatten

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

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

我想要:

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

10 个答案:

答案 0 :(得分:55)

你可以使用jQuery.map,如果你已经加载了jQuery库,这就是你要做的。

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

返回

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

答案 1 :(得分:35)

使用JavaScript的力量:

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

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

答案 2 :(得分:25)

以下是如何使用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

答案 3 :(得分:11)

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中并运行它即可。

答案 4 :(得分: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 ]

答案 5 :(得分:4)

您可以使用jQuery.map()

  

callback(value,indexOrKey)处理每个项目的函数   反对。函数的第一个参数是值;第二   argument是数组或对象属性的索引或键。该   函数可以返回任何值以添加到数组中。 返回的数组   将被展平为生成的数组。在功能内,这个   指的是全局(窗口)对象。

答案 6 :(得分:1)

如果您有多个级别,请使用递归:

flaten = function(flatened, arr) {
    for(var i=0;i<arr.length;i++) {
        if (typeof arr[i]!="object") {
            flatened.push(arr[i]);
        }
        else {
            flaten(flatened,arr[i]);
        }
    }
    return;
}

a=[1,[4,2],[2,7,[6,4]],3];
b=[];
flaten(b,a);
console.log(b);

答案 7 :(得分:1)

你可以使用Array.prototype.reduce技术上不是jQuery,但有效的ES5:

var multidimensionArray = [1, 2, [3, 4], [5, 6], 7];
var initialValue = [];

var flattened = multidimensionArray.reduce(function(accumulator, current) {
    return accumulator.concat(current);
}, initialValue);

console.log(flattened);

答案 8 :(得分:0)

老问题,我知道,但是......

我发现这很有效,而且很快:

function flatten (arr) {
  b = Array.prototype.concat.apply([], arr);
  if (b.length != arr.length) {
    b = flatten(b);
  };

  return b;
}

答案 9 :(得分:0)

您需要arr.flat([depth])

var arr1 = [1, 2, [3, 4]];
arr1.flat(); 
// [1, 2, 3, 4]

var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]

var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]