Question

如何将数组的等于索引的值添加到另一个？

我知道我可以这样做：

var i = 0,
    a = [1, 2, 3],
    b = [4, 5, 6],
    total = [];

while (i < a.length) {
    total[i] = a[i] + b[i];
    i = i + 1;
}

console.log(total); //[5, 7, 9]

但有没有标准或更快的方法呢？

（在我的具体案例中，a.length === b.length在所有情况下）。

Answer 1

你可能会发现这个更紧凑：

a.map(function(v, i) { return v + b[i]; })

在ES6中它会更加紧凑：

a.map((v, i) => v + b[i])

我们可以编写自己的map版本，并行循环遍历两个数组：

function mapTwo(arr1, arr2, fn, ctxt) {
    return arr1.map(function(v, i) {
        return fn.call(ctxt, v, arr2[i], i);
    };
}

现在我们可以用

解决原来的问题

mapTwo(a, b, function(v1, v2) { return v1 + v2; }))

或者，如果我们真的想要，让我们写一个map来迭代许多数组。它将使用一组值调用回调，每个输入数组都有一个值。

function mapMany(arrays, fn, ctxt) {
    fn = fn.bind(ctxt);
    return arrays[0].map(function(_, i) {
        return fn(arrays.map(function(array) { return array[i]; }), i);
    };
}

现在我们可以做到

mapMany([a,b], sum);

其中sum是

function sum(values) {
    return values.reduce(function(result, val) { return result+val; });
}

我们还可以编写一个更通用的函数，称为zip，它将输入数组中每个索引处的元素组合成一个数组，从而返回一个数组数组。我们现在将处理数组长度不同的情况;

function zip(arrays) {
    var result = [],
        max = Math.max.apply(0, arrays.map(function(array) { return array.length; }));
    for (var i=0; i<max; i++) {
        result.push(arrays.map(function(array) { return array[i]; });
    } 
    return result;
}

现在我们可以用

创建成对的和

zip([a,b]).map(sum)

Answer 2

不，没有真正的“标准”方式。也许作为LoDash的图书馆可以帮助你。具体来看看.zip()函数

如何将一个数组中的值添加到另一个数组中？

2 个答案: