JavaScript 中二维数组的 forEach() 和 Apply() 方法

Question

我有一个数组，其元素也是数组，每个数组包含三个元素。 我想使用forEach()方法为我的主数组的每个元素调用function calcMe(a,b,c){...} ，但我真的很困惑，不知道如何让它工作.

arr = [[1,5,4], [8,5,4], [3,4,5], [1,2,3]]
function calcMe(a,b,c){...}
arr.forEach(calcMe.Apply(-----, -----));

如何使用Apply()将内部数组的每个元素作为参数传递给我的函数？

Answer 1

apply立即调用一个函数，所以你不能直接使用它，因为forEach需要一个函数引用。 但是，您可以使用bind on apply来实现您想要的：

arr.forEach(Function.apply.bind(calcMe, void 0));

第二个参数将是this值。 您可以提供任何值而不是void 0 。

 var arr = [[1,5,4],[8,5,4],[3,4,5],[1,2,3]]; function calcMe(a,b,c){ document.querySelector('pre').textContent += [a,b,c] + '\\n'; } arr.forEach(Function.apply.bind(calcMe, void 0));

 <pre></pre>

Answer 2

首先， calcMe似乎没有返回一个函数，所以你不能将它的返回值传递给forEach 。

我猜你想要类似的东西

 var arr = [ [1, 5, 4], [8, 5, 4], [3, 4, 5], [1, 2, 3] ] function calcMe(a, b, c) { var pre = document.getElementById('pre') pre.innerHTML += 'calcMe arguments: ' + a +","+ b +","+ c + "<br/>"; } arr.forEach(function(el, index) { // Could also use `arr[index]` instead of el calcMe.apply(this, el); });

 <pre id='pre'></pre>

对于更高级的版本，您可以绑定Function.prototype.apply来模拟创建一个函数，就像我上面所做的那样。

Answer 3

您需要为.forEach提供一个函数。 该函数将在主数组的每个元素上运行。

根据calcMe作用，您可能需要在calcMe.apply中calcMe.apply提供正确的上下文。 的第一agrument .apply是上下文（ this关键字在功能）。 我只是把null ，但你可以传递对你有用的东西。

var arr = [[1,5,4], [8,5,4], [3,4,5], [1,2,3]];
function calcMe(a,b,c){
    console.log(a, b, c);
}
arr.forEach(function (params) {
    calcMe.apply(null, params);
})

如果你愿意使用 ES6，你可以使用箭头函数和扩展运算符：

arr.forEach(params => calcMe(...params));

Answer 4

如果您对ECMAScript 6感兴趣，这里是最快和最优雅的解决方案。

 'use strict'; let arr = [ [1, 5, 4], [8, 5, 4], [3, 4, 5], [1, 2, 3] ]; function calcMe(a, b, c) { document.querySelector('p').innerHTML += `${a},${b},${c}<br>`; } for (let item of arr) { calcMe(...item); } // Or arr.forEach(item => calcMe(...item));

 <p></p>

Answer 5

您可以提供一个 lambda 函数

arr.forEach((u)=>{console.log(calcMe.apply(null, u))});

如果您不需要访问对象上下文，则将null绑定到第一个参数应该没问题。 否则，绑定您想要的对象。