使用JavaScript中的多个参数多次调用一个函数

Question

假设我有这个功能

function myFunction(a, b, c) {
    ... code here ...
}

现在，我想多次调用它，每次使用几个不同的参数：

myFunction('sky', 'blue', 'air');
myFunction('tree', 'green', 'leaf');
myFunction('sun', 'yellow', 'light');
myFunction('fire', 'orange', 'heat');
myFunction('night', 'black', 'cold');

如何将所有这些呼叫合并为一个？

当只有一个参数时，我知道如何使用迭代或forEach做到这一点，但我无法弄清楚如何使用各种非数值参数来做到这一点。

Answer 1

除非您更改myFunction ，否则您将无法调用它一次并使它具有被调用五次的神奇效果。

但是，如果您要使用的参数信息存储在其他位置，则可以在循环中编写单个调用的代码 。

例如，如果我们假设一个objets数组：

var data = [
    {a: 'sky', b: 'blue', c: 'air'},
    {a: 'tree', b: 'green', c: 'leaf'},
    {a: 'sun', b: 'yellow', c: 'light'},
    {a: 'fire', b: 'orange', c: 'heat'},
    {a: 'night', b: 'black', c: 'cold'}
]:

然后

data.forEach(function(entry) {
    myFunction(entry.a, entry.b, entry.c);
});

或者，如果它是一个数组数组，我们可以使用漂亮的Function#apply函数：

var data = [
    ['sky', 'blue', 'air'],
    ['tree', 'green', 'leaf'],
    ['sun', 'yellow', 'light'],
    ['fire', 'orange', 'heat'],
    ['night', 'black', 'cold']
]:

然后：

data.forEach(function(entry) {
    myFunction.apply(null, entry);
});

Answer 2

您似乎正在寻找apply

var values = [
    ['sky', 'blue', 'air'],
    ['tree', 'green', 'leaf'],
    ['sun', 'yellow', 'light'],
    ['fire', 'orange', 'heat'],
    ['night', 'black', 'cold']
];
values.forEach(function(args) { myFunction.apply(null, args); })

或在ES6中扩展语法 ：

for (const args of values) myFunction(...args);

Answer 3

假设您已经有一个包含所有值的数组：

 var colors = ['sky', 'blue', 'air', 'tree', 'green', 'leaf', 'sun', 'yellow', 'light', 'fire', 'orange', 'heat', 'night', 'black', 'cold']; while(colors.length > 0){ myFunction.apply(this, colors.splice(0,3)); //call the function with chunks of 3 elements }