Rest Pattern en JavaScript

Last updated Aug 6, 2023 Edit Source

• Programming
• Frontend
• Javascript

Utiliza la misma sintaxis del notes/Spread Operator en JavaScript, sin embargo, hace lo contrario, recolecta multiples elementos y los condensa en una sola estructura, un array.

Notemos que se utuliza donde pondriamos variables separadas por comas.

En este caso, para reconocerla, podemos ver que los tres puntos ‘…’ se encuentran del lado izquierdo de la asignacion.

Para utilizarla, podemos combinarla de forma simple con el notes/Destructuring en JavaScript.

1
2

const array = [1, 2, 3];
const [valor, ...otrosValores] = array; // valor = 1, otrosValores = [2, 3]

Se utiliza el sobrenombre rest pattern debido a que recolecta el resto de elementos de una estructura de datos.

• Solo puede existir un rest pattern en una asignacion
• Debe ser el ultimo elemento del destructuring.

Ppodemos aplicarlo a los parametros, al aplicarlo se les llama rest parameters y de esta forma podemos pasarle una cantidad indefinida de parametros a una funcion.

1
2
3
4
5

const sum = function(...numbers) {
	let sum = 0;
	numbers.forEach(number => sum += number);
	console.log(sum);
}