Explicar el parámetro Rest en ES6

En este artículo, intentaremos comprender los detalles asociados con el parámetro de descanso en ES6, que incluye la sintaxis de los parámetros de descanso, cómo usarlo con la ayuda de ciertos ejemplos.

Primero comprendamos los detalles básicos que están asociados con el parámetro Rest.

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

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

Parámetro de descanso:

• El parámetro Rest nos permite manejar una mayor cantidad de entradas que se pasan dentro de una función de una manera mucho más efectiva y sencilla.
• El parámetro rest nos permite tratar una cantidad indefinida de valores como los valores de una array, lo que significa que los valores que se pasan usando la sintaxis del parámetro rest se tratan como elementos de array o valores de array.
• El uso de parámetros de descanso en nuestro código hace que nuestro código sea más legible y más limpio.

Sintaxis: La siguiente es la sintaxis de usar el parámetro de descanso en nuestro código.

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

Al usar la sintaxis ilustrada anteriormente, podemos pasar fácilmente varios argumentos en una función, lo que ayuda aún más a cualquier usuario a hacer que el código sea más legible y limpio.

Ahora, después de comprender los detalles básicos sobre el parámetro resto, veamos algunos ejemplos para ver cómo podemos usar este operador resto de manera efectiva.

Ejemplo 1: En este ejemplo, usaremos una forma simple de escribir la función agregando además parámetros de descanso y pasando algunos argumentos dentro de una función como parámetros mientras llamamos a la función misma.

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

Salida: La salida del fragmento anterior es la siguiente:

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

Ejemplo 2: En este ejemplo, calcularemos la suma de todos los números que el usuario pasa dentro de la función como parámetros durante la llamada.

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

Salida: La salida del fragmento de código anterior se muestra a continuación:

20
10
3

Ejemplo 3: En este ejemplo, ordenaremos todos los argumentos proporcionados por el usuario en el momento de la llamada a la función.

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

Salida: La salida del fragmento de código anterior se muestra a continuación:

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