JavaScript 如何将数组作为函数参数传递

在本篇文章中，我们将学习如何在JavaScript中将数组作为函数参数传递。这可以通过两种方法实现：

• 使用apply()方法。
• 使用展开语法。

方法1：使用apply()方法

这种方法用于将给定参数作为数组或类似数组的对象来调用函数。它包含两个参数。this值提供了对函数的调用，参数数组包含要传递的参数数组。apply()方法用于要作为参数数组传递的函数。第一个参数指定为’null’，第二个参数指定为参数数组。这将使用指定的参数数组调用函数。

语法：

arrayToPass = [1, "Two", 3];
unmodifiableFunction.apply(null, arrayToPass);

示例: 在这个示例中，我们将使用apply方法来传递数组。

function passToFunction() {
    arrayToPass = [1, "Two", 3];
 
    unmodifiableFunction.apply(null, arrayToPass);
}
 
function unmodifiableFunction(a, b, c) {
    console.log(`First value is: {a}
    Second value is:{b}
    Third value is:  ${c}`)
}
passToFunction()

输出:

First value is: 1
Second value is: Two
Third value is:  3

方法2：使用扩展语法

扩展语法用于需要零个或多个参数的地方。它可以与迭代器一起使用，在可能没有固定数量预期参数的地方扩展。所需的函数被调用，并使用扩展语法给出的参数数组，以便从数组中填充函数的参数。

语法：

在这个示例中，我们将使用扩展运算符传递数组。

arrayToPass = [1, "Two", 3];
unmodifiableFunction(...arrayToPass);

示例： 在这个示例中，我们将看到展开语法的使用

function passToFunction() {
    arrayToPass = [1, "Two", 3];
 
    unmodifiableFunction(...arrayToPass);
}
 
function unmodifiableFunction(a, b, c) {
    console.log(`First value is: {a}
            Second value is:{b}
            Third value is:  ${c}`)
}
passToFunction()

输出：

First value is: 1
Second value is: Two
Third value is:  3