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

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 在下面的cmets 中指出的那样，如果您将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/