解释 ES6 中的 Rest 参数

在本文中，我们将尝试了解 ES6 中与 rest 参数相关的细节，包括 rest 参数的语法，以及如何在某些示例的帮助下使用它。

让我们首先了解与 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.........
}

通过使用上述语法，我们可以轻松地在一个函数中传递多个参数，这进一步帮助任何用户使代码更具可读性和更清晰。

现在在了解了关于 rest 参数的基本细节之后，让我们看一些例子来看看我们如何有效地使用这个 rest运算符。

示例 1：在本示例中，我们将使用一种简单的函数编写方法，进一步添加剩余参数，并在调用函数本身时将函数内部的一些参数作为参数传递。

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

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

[ 0, 1, 2, 3, 4 ]
[ 2, 5, 7, 9 ]