Question

In Javascript, what is the best way for iterating concurrently on two arrays and calling a function on the two running elements? For example:

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

The code should execute my_func 3 times, like this:

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

How can I achieve that without defining a new function, but using jQuery/underscore api?

Answer 1

For example, this way (using underscore.js)?

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

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

Or:

_.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]) );