在 Javascript 中，如何同时对两个 seq 的元素执行函数？

Question

在 Javascript 中，同时迭代两个数组并在两个运行元素上调用函数的最佳方法是什么？例如：

var a = [1, 2, 3];
var b = [11, 12, 13];
function my_func() { /* some custom function */}

代码应该执行 my_func 3 次，如下所示：

my_func(1,11);
my_func(2,12);
my_func(3,13);

如何在不定义新函数但使用 jQuery/underscore api 的情况下实现这一目标？

Answer 1

例如，这样（使用underscore.js）？

_.each( _.zip(a,b), my_func );

function my_func( pair ){
  alert( pair[0] + pair[1] );
}

或者：

_.each( _.zip(a,b), function( pair ){
  my_func( pair[0], pair[1] );
  // or: my_func.apply( null, pair );
});

function my_func( a, b ){
  alert( a + b );
}

-

function wrapply( func, thisObj ){
  return function( args ){
    return func.apply( thisObj, args );
  }
}

var add = wrapply( function(a,b){ return a+b; });
alert( add([1,2]) );

Answer 2

嗯，直接的 JavaScript 非常擅长做到这一点。只需使用标准的 for 循环，假设您的 a 数组和 b 数组具有相同的长度。

for (var i = 0; i < a.length; i++) {
    my_func(a[i], b[i]);
}

jQuery 还提供了 .each() 方法，可以非常轻松地对一个序列进行操作。对两个进行操作只需要多一点代码。

$.each(a, function(i, aItem) { my_func(aItem, b[i]); });

如果您想使用 zip 操作，则可以使用 jQueryArrayUtils 插件。

$.zip(a, b).each(function() {
    var aItem = this[0];
    var bItem = this[1];
    my_func(aItem, bItem);
});

作为 Python 的粉丝，最后一种方法对我来说似乎特别好。但老实说，如果您不打算做任何比调用 my_func 更复杂的事情，那么您也可以使用普通的 for 循环。

Answer 3

[1,2,3].forEach(function(e, i, arr){my_func(e, arr[i]);}, [11,12,13]);

jQuery 版本：

$.each(a, function(index, value) { 
    my_func(value, b[index]);
});