Question

这是基于我的上一个问题。

我有这些数组：

var array1 = new Array ("Pepsi", "Coke", "Juice", "Water");
var array2 = new Array ("35",    "17",   "21",    "99");

我想将它们组合成一个像这样的多维数组：

[
    ["Pepsi","35"]
    ["Coke", "17"]
    ["Juice","21"]
    ["Water","99"]
]

我试过这个剧本：

Values=[];

for (i = 0; i < array1.length; i++) {
    Values[i] = Array(array1[i], array2[i]);
}

但它给出了这样的结果（正确的值，不正确的名称）：

[
    ["a","35"]
    ["c","17"]
    ["E","21"]
    ["I","99"]
]

Answer 1

var array1 = ["Pepsi", "Coke", "Juice", "Water"],
    array2 = ["35", "17", "21", "99"],
    result = [], i = -1;

while ( array1[++i] ) { 
  result.push( [ array1[i], array2[i] ] );
}

如上所述，此解决方案假设您将只使用字符串。正如@ ajax333221在下面的评论中指出的那样，如果您将boolean或int值包含在此解决方案中，则会导致问题。因此，我想提出一个可以实现目标的改进，同时不会绊倒困难的价值观和类型：

var array1 = [false, 0, "Juice", -1],
    array2 = ["35", "17", "21", "99"],
    result = [];

for ( var i = 0; i < array1.length; i++ ) {
  result.push( [ array1[i], array2[i] ] );
}

Answer 2

您可以在阵列上使用.map()。

var Values = array1.map(function(v,i) {
    return [v, array2[i]];
});

有关旧浏览器的信息，请参阅MDN shim。

现场演示： http://jsfiddle.net/D9rjf/

如果您要进行相当多的操作，可以使用可重复使用的功能。

在这个例子中，我扩展了Array.prototype，但如果你不喜欢，那就没有必要。

Array.prototype.combine = function(arr) {
    return this.map(function(v,i) {
        return [v, arr[i]];
    });
};

var Values = array1.combine(array2);

现场演示： http://jsfiddle.net/D9rjf/1/

将2个数组组合成一个多维数组？

2 个答案: