将数组传递给 JavaScript 中的函数

本教程旨在教您使用 JavaScript 将数组传递给函数的不同方法。它重点介绍了apply()方法、spread运算符、arguments对象以及将整个数组作为参数传递给函数的方式。

该apply()方法执行一个带有this值的函数，并将参数作为数组或类数组对象提供。它用于必须传递的特定函数。

在apply()方法中，thisvalue 是调用函数的第一个参数，arguments第二个参数是要传递的参数数组。

请记住，如果this值不能是函数看到的原始值（如果该方法是非严格模式代码中的函数）。全局对象将是nulland undefined，而原始值将被装箱。

ECMAScript 6 (ES6) 提供了一个很棒的运算符，名为spread. 它是...在 JavaScript 代码中编写的。该运算符允许可迭代的，例如数组。它用于处理所有数组元素或一个对象。

另一方面，该arguments对象是一个类似数组（意味着arguments具有length属性）的对象，我们可以在具有参数值的函数中使用它。

目录

1.使用apply()方法将数组传递给JavaScript 中的函数

2.使用spread运算符将数组传递给JavaScript 中的函数

3.使用arguments对象将数组传递给JavaScript 中的函数

---

1.使用apply()方法将数组传递给JavaScript 中的函数

var names = [ 'Mehvish', 'John', 'Henry', 'Thomas'];
displayName.apply(this, names);

function displayName(){
 	for(var i=0; i<names.length; i++){
 		console.log(names[i]);
    }
}

输出： 

"Mehvish"
"John"
"Henry"
"Thomas"

在上面给出的示例中，我们有一个数组names和一个名为displayName()打印数组所有元素的函数names。我们使用apply()方法将数组传递给displayName()函数。 

2.使用spread运算符将数组传递给JavaScript 中的函数

var names = [ 'Mehvish', 'John', 'Henry', 'Thomas'];
displayName(...names);

function displayName(){
 	for(var i=0; i<names.length; i++){
 		console.log(names[i]);
    }
}

输出： 

"Mehvish"
"John"
"Henry"
"Thomas"

在这里，我们再次拥有names数组和displayNames()函数来打印所有数组元素。我们使用spread语法...将整个数组传递给函数。 

3.使用arguments对象将数组传递给JavaScript 中的函数

var names = [ 'Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);

function displayName(){
 	for(var i=0; i<arguments.length; i++){
 		console.log(arguments[i]);
    }

输出： 

["Mehvish", "John", "Henry", "Thomas"]

在上面给出的代码片段中，我们使用arguments对象将names数组传递给displayName()函数。我们可以将整个数组作为参数传递给函数以简化代码。

为此，你可以练习下面的代码。

var names = [ 'Mehvish', 'John', 'Henry', 'Thomas'];
displayName(names);

function displayName(){
 	for(var i=0; i<names.length; i++){
 		console.log(names[i]);
    }
}

输出： 

"Mehvish"
"John"
"Henry"
"Thomas"