Curso javascript nivel medio

El operador REST (...) en JavaScript es una herramienta útil que permite trabajar con un número indefinido de argumentos en funciones o elementos en arrays. Se introdujo en ES6 (ECMAScript 2015) y facilita la manipulación de grupos de elementos de manera más sencilla y clara.

¿Cómo funciona el Operador REST?

El operador REST se coloca delante de una variable en la declaración de una función o en la desestructuración de un array. Agrupa el resto de los argumentos o elementos en un array.

Sintaxis básica:

1function nombreDeFuncion(...resto) {
2  // 'resto' es un array que contiene todos los argumentos restantes
3}

Uso del Operador REST en Funciones

En una función, el operador REST permite que la función acepte un número indefinido de argumentos, que se agrupan en un array.

Ejemplo:

1function sumar(...numeros) {
2  let total = 0;
3  for (let num of numeros) {
4    total += num;
5  }
6  return total;
7}
8
9console.log(sumar(1, 2, 3)); // Muestra 6
10console.log(sumar(4, 5, 6, 7)); // Muestra 22
Salida de Consola!:
6
22

En este ejemplo:

  • La función sumar usa el operador REST (...numeros) para capturar todos los argumentos pasados a la función.
  • numeros se convierte en un array que contiene todos los argumentos.

Uso del Operador REST en Desestructuración de Arrays

El operador REST también se puede usar para capturar el resto de los elementos de un array al desestructurarlo.

Ejemplo:

1let [primero, segundo, ...resto] = [10, 20, 30, 40, 50];
2
3console.log(primero); // Muestra 10
4console.log(segundo); // Muestra 20
5console.log(resto); // Muestra [30, 40, 50]
Salida de Consola!:
10
20
[ 30, 40, 50 ]

En este ejemplo:

  • [primero, segundo, ...resto] desestructura el array original.
  • primero toma el valor 10, segundo toma el valor 20, y resto captura el resto de los elementos ([30, 40, 50]) en un array.

Resumen

  • El operador REST (...) agrupa múltiples elementos en un solo array.
  • Se utiliza en funciones para aceptar un número indefinido de argumentos, que se agrupan en un array.
  • También se utiliza en la desestructuración de arrays para capturar el resto de los elementos en un array.
  • Es una herramienta poderosa para trabajar de manera flexible con funciones y arrays en JavaScript.

El operador REST simplifica el manejo de múltiples argumentos o elementos, haciendo que el código sea más limpio y fácil de entender.

  • Loading...

  • Objetivo:

    Crea una función llamada combinarArrays que acepte múltiples arrays como parámetros usando el operador rest. La función debe combinar todos los arrays en un solo array y devolver el resultado.

    Instrucciones:

    1. Usa el operador rest para aceptar múltiples arrays como parámetros.
    2. Usa el método concat() para combinar todos los arrays en uno solo.

    Ejemplo:

    Dada una lista con 3 arrays:

    1const arrays = [
2    [1, 2], 
3    [3, 4], 
4    ['a', 'b']
5];

    El resultado será usa sola lista con todos los elementos combinados:

    1[1, 2, 3, 4, 'a', 'b']

    combinarArrays ( [1, 2] , )

    Loading...
← Los template literalsVolver al cursoEl operador SPREAD →