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

我想调用一个函数使用数组作为参数:

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()?

当前回答

为什么不传递整个数组并在函数中根据需要处理它呢?

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

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

2010-05-18 09:59:50

其他回答

注意这

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页面

<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>

可以调用函数与任何参数

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

<body onmousemove="FollowMouse(d1)">

2015-02-28 08:03:12

为什么不传递整个数组并在函数中根据需要处理它呢?

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

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

2010-05-18 09:59:50

正如@KaptajnKold回答的那样

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

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

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

2015-02-18 19:51:34

在使用展开运算符时，必须注意它必须是传递的最后一个或唯一一个参数。否则就会失败。

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);
}

2019-02-16 03:34:00

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

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

如果环境支持ECMAScript 6，你可以使用spread参数:

call_me(...args);

2010-05-18 09:44:05

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

推荐文章

最新文章

标签