我想调用一个函数使用数组作为参数:
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()?
我想调用一个函数使用数组作为参数:
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()?
当前回答
函数参数也可以是数组:
函数foo([a,b,c], d){ console.log (a, b, c, d); } foo((1、2、3)、4)
当然也可以用spread:
函数foo(a, b, c, d){ Console.log (a, b, c, d); } foo(…[1,2,3], 4)
其他回答
您可以使用扩展语法
例如:
函数打印(…inpu) { console.log(…inpu) } Var arry = ['p0','p1','p2'] 打印(…进行)
链接如下:modzilla传播语法参考文档
正如@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'
}
答案已经给出了,但我只想给出我的那块蛋糕。你想要实现的是在JS上下文中所谓的方法借用,即我们从一个对象中获取一个方法,然后在另一个对象的上下文中调用它。获取数组方法并将它们应用于参数是非常常见的。让我给你们举个例子。
所以我们有一个"super"哈希函数,它接受两个数字作为参数,并返回"super安全"的哈希字符串:
function hash() {
return arguments[0]+','+arguments[1];
}
hash(1,2); // "1,2" whoaa
到目前为止还不错,但我们对上面的方法有一些问题,它是受约束的,只适用于两个数字,这不是动态的,让我们让它适用于任何数字,加上你不必传递一个数组(如果你仍然坚持,你可以)。好了,说够了,我们打吧!
自然的解决方法是使用arr。连接方法:
function hash() {
return arguments.join();
}
hash(1,2,4,..); // Error: arguments.join is not a function
哦,男人。不幸的是,这行不通。因为我们调用hash(arguments)和arguments object是可迭代的和类数组的,但不是一个真正的数组。下面的方法怎么样?
function hash() {
return [].join.call(arguments);
}
hash(1,2,3,4); // "1,2,3,4" whoaa
这个技巧叫做方法借用。
我们从常规数组[].join中借用了一个join方法。并使用[].join。调用在实参上下文中运行它。
为什么它能起作用?
这是因为本机方法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.
从技术上讲,它把这个[0],这个[1]等等连接在一起。它有意以一种允许任何类似这样的数组的方式编写(并非巧合,许多方法都遵循这种做法)。这就是为什么它也适用于this=参数。
你可以在更基本的形式中使用展开运算符
[].concat(...array)
对于返回数组但希望作为参数传递的函数
例子:
function expectArguments(...args){
return [].concat(...args);
}
JSON.stringify(expectArguments(1,2,3)) === JSON.stringify(expectArguments([1,2,3]))
在ES6标准中有一个新的扩展运算符…这就是它的作用。
call_me(...x)
除IE外,所有主流浏览器都支持。
展开操作符可以做许多其他有用的事情,链接的文档在这方面做得非常好。