Volver a la página principal

Cómo funciona el operador spread en javascript

El operador spread, representado por tres puntos suspensivos (`...`), es una característica útil en JavaScript que permite expandir elementos de arrays y objetos en contextos donde se esperan múltiples argumentos o elementos.

En arrays, el operador spread puede ser usado para combinar o copiar arrays de manera efectiva. Por ejemplo, `[...arr1, ...arr2]` combina los elementos de `arr1` y `arr2`.

En objetos, el operador spread es útil para copiar y combinar propiedades de objetos. Por ejemplo, `{ ...obj1, ...obj2 }` crea un nuevo objeto combinando propiedades de `obj1` y `obj2`, con `obj2` sobrescribiendo las propiedades de `obj1` en caso de conflicto.

El operador spread es una herramienta poderosa en JavaScript, facilitando operaciones complejas en arrays y objetos de una manera sencilla y eficiente.

Por ejemplo, para un array, puedes usar el operador spread para combinar arrays o añadir elementos a un array sin modificar el original:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let combined = [...arr1, ...arr2]; // Esto será igual a [1, 2, 3, 4, 5, 6]

En el caso de los objetos, puedes usarlo para copiar y extender objetos:

let obj1 = { a: 1, b: 2 };
let obj2 = { b: 3, c: 4 };
let combinedObj = { ...obj1, ...obj2 }; // Esto será { a: 1, b: 3, c: 4 }
Compartir:
Autor:
User photo

Jorge García

Fullstack developer