Question

我想使用数组作为参数来调用函数：

const x = ['p0', 'p1', 'p2'];
call_me(x[0], x[1], x[2]); // I don't like it

function call_me (param0, param1, param2 ) {
  // ...
}

是否有更好的方式将x的内容传递到call_me()？

Answer 1

const args = ['p0', 'p1', 'p2'];
call_me.apply(this, args);

请参阅Function.prototype.apply()的MDN文档。

如果环境支持ECMAScript 6，则可以改为使用spread argument：

call_me(...args);

Answer 2

为什么不传递整个数组并根据需要在函数内处理它？</ p>

var x = [ 'p0', 'p1', 'p2' ]; 
call_me(x);

function call_me(params) {
  for (i=0; i<params.length; i++) {
    alert(params[i])
  }
}

Answer 3

假设call_me是一个全局函数，所以你不要指望设置它。

var x = ['p0', 'p1', 'p2'];
call_me.apply(null, x);

Answer 4

在ES6标准中，有一个新的spread operator ...就是这样。

call_me(...x)

除了IE之外，所有主流浏览器都支持它。

传播操作员可以做许多其他有用的事情，链接的文档在显示它时做得非常好。

Answer 5

@KaptajnKold回答了

var x = [ 'p0', 'p1', 'p2' ];
call_me.apply(this, x);

您也不需要为call_me函数定义每个参数。您可以使用arguments

function call_me () {
    // arguments is a array consisting of params.
    // arguments[0] == 'p0',
    // arguments[1] == 'p1',
    // arguments[2] == 'p2'
}

Answer 6

请注意

function FollowMouse() {
    for(var i=0; i< arguments.length; i++) {
        arguments[i].style.top = event.clientY+"px";
        arguments[i].style.left = event.clientX+"px";
    }

};

// ---------------------------

html page

<body onmousemove="FollowMouse(d1,d2,d3)">

<p><div id="d1" style="position: absolute;">Follow1</div></p>
<div id="d2" style="position: absolute;"><p>Follow2</p></div>
<div id="d3" style="position: absolute;"><p>Follow3</p></div>


</body>

可以使用任何Args调用函数

<body onmousemove="FollowMouse(d1,d2)">

或

<body onmousemove="FollowMouse(d1)">

Answer 7

函数参数也可以是数组：

function foo([a,b,c], d){
  console.log(a,b,c,d);
}

foo([1,2,3], 4)

当然，

也可以使用spread：

function foo(a, b, c, d){
  console.log(a, b, c, d);
}

foo(...[1, 2, 3], 4)

Answer 8

在使用传播运算符时，我们必须注意它必须是最后一个或唯一传递的参数。否则它将失败。

function callMe(...arr){ //valid arguments
    alert(arr);
}

function callMe(name, ...arr){ //valid arguments
    alert(arr);
}

function callMe(...arr, name){ //invalid arguments
    alert(arr);
}

如果您需要传递数组作为起始参数，则可以执行以下操作：

function callMe(arr, name){
    let newArr = [...arr];
    alert(newArr);
}

Answer 9

已经给出了答案，但我只想小菜一碟。您想要实现的目标在JS上下文中称为method borrowing，即当我们从一个对象中获取一个方法并在另一个对象的上下文中调用它时。采用数组方法并将其应用于参数是很常见的。让我给你举个例子。

因此，我们具有“超级”散列函数，该函数将两个数字作为参数并返回“超级安全”散列字符串：

function hash() {
  return arguments[0]+','+arguments[1];
}

hash(1,2); // "1,2" whoaa

到目前为止，还不错，但是上面的方法没有什么问题，它受约束，仅适用于两个数字，它不是动态的，让它适用于任何数字，而且您不必传递数组（如果您仍然坚持可以的话）。好了，说够了，让我们战斗吧！

自然的解决方案是使用arr.join方法：

function hash() {
  return arguments.join();
}

hash(1,2,4,..); //  Error: arguments.join is not a function

哦，老兄。不幸的是，这行不通。因为我们正在调用hash（arguments）和arguments对象，所以它既可迭代又类似于数组，但不是真正的数组。下面的方法怎么样？

function hash() {
  return [].join.call(arguments);
}

hash(1,2,3,4); // "1,2,3,4" whoaa

把戏称为method borrowing.

我们从常规数组join中借用了[].join.方法，并使用[].join.call在arguments的上下文中运行它。

为什么起作用？

这是因为本机方法arr.join(glue)的内部算法非常简单。

从规范中几乎“按原样”得出：

Let glue be the first argument or, if no arguments, then a comma ",".
Let result be an empty string.
Append this[0] to result.
Append glue and this[1].
Append glue and this[2].
…Do so until this.length items are glued.
Return result.

因此，从技术上讲，它需要把this [0]，this [1]…etc连接在一起。它是故意以允许任何类似数组的方式编写的（并非巧合，很多方法都遵循这种做法）。这就是为什么它也可以与this=arguments.

一起使用的原因

Answer 10

您可以以更基本的形式使用扩展运算符

[].concat(...array)

对于返回数组但应作为参数传递的函数

示例：

function expectArguments(...args){
  return [].concat(...args);
}

JSON.stringify(expectArguments(1,2,3)) === JSON.stringify(expectArguments([1,2,3]))

Answer 11

1 - 您可以将数组加入字符串
2 - 通过它功能
3-call split

try:
    number = int(input())
    while number > 1:
        if number % 2 == 0:
            number = int(number) // 2
            print (number)
        elif number % 2 == 1:
            number = 3 * int(number) + 1
            print (number)
except ValueError:
    print('Enter a number')

通话方法：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction(name)
{
    var nameArray = name.split(',');
.
.
.
}

甚至

myFunction(fruits.join(','));

在JavaScript中将数组作为函数参数传递

11 个答案:

函数参数也可以是数组：

也可以使用spread：