解释ES6中的rest参数

在本文中，我们将尝试了解与 rest参数 有关的详细信息，包括rest参数的语法以及如何通过某些示例使用它。

rest参数 是处理函数参数的一种改进方式，允许我们将各种输入作为函数的参数进行处理。rest参数语法允许我们将无限数量的参数表示为数组。借助rest参数，函数可以使用任意数量的参数进行调用，无论其如何定义。rest参数是在ES2015或ES6中添加的，它提高了处理参数的能力。

让我们首先了解与rest参数相关的基本细节。

function display(first_argument,...other arguments) {
  console.log(first_argument);

  console.log(other arguments);
}

display(1,2,3,4,5,6);

Rest参数:

Rest参数允许我们以更有效和更简单的方式处理传递给函数的更多输入。
Rest参数允许我们将无限数量的值作为数组的值来处理，这意味着使用Rest参数语法传递的值被视为数组元素或数组值。
在我们的代码中使用Rest参数使得代码更可读和更清晰。

语法:

function function_name (...arguments) {
    // Code logic.........
}

通过使用上面所示的语法，我们可以在一个函数中轻松传递多个参数，这进一步帮助用户使代码更易读、更清晰。

让我们来看一些示例，看看我们如何有效地使用这个剩余操作符。

示例1： 在这个示例中，我们将使用一种简单的方法来编写一个函数，进一步添加rest参数，并在调用函数时将一些参数传递给函数本身。

Javascript

function display(first_argument, ...other_arguments) {
    console.log(first_argument);
    console.log(other_arguments);
}
 
display(1, 2, 3, 4, 5, 6);

输出： 上面片段的输出如下：

1
[ 2, 3, 4, 5, 6 ]

示例 2： 在这个示例中，我们将计算用户在调用时作为参数传递给函数的所有数字的总和。

JavaScript

function sum(...numbers) {
    let sum = 0;
    for (let element of numbers) {
        sum += element;
    }
    console.log(sum);
}
 
sum(1, 5, 5, 3, 6);
sum(1, 2, 3, 4);
sum(0, 1, 2);

输出结果： 上述代码片段的输出如下所示：

20
10
3

示例3： 在这个示例中，我们将对用户在函数调用时提供的所有参数进行排序。

JavaScript

function sortNumbers(...numbers) {
    let sortedResult = numbers.sort();
    return sortedResult;
}
 
console.log(sortNumbers(1, 2, 3, 4, 0));
console.log(sortNumbers(5, 2, 9, 7));