Desestructuración

Curso de Javascript Online. Desde cero.

14.  
19.  
25.  
34.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Nos permite almacenar los valores de una entidad compleja (un array o un objeto) en variables independientes.

Desestructuración de un array

const arr = [1, 2, 3];
const [a, b, c] = arr;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

Desestructuración de un objeto

const obj = {a: 1, b: 2, c: 3};
const {a, b, c } = obj;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

Rest operator/ spread operator (…)

Spread operator

Permite expandir los elementos de un array u objeto en otro del mismo tipo.

En arrays:

const a = [1,2,3];

const b = [...a, 4,5,6]; // [1, 2, 3, 4, 5, 6]

En objetos:

const obj1 = {name:'Paco', age:'45'}
const obj2 = {...obj1, height:180} // {name:'Paco', age:'45', height:180}

Rest operator

Permite agrupar varios elementos de un array u objeto en una única variable.

Rest operator en los parámetros de una función. Aplicado a los parámetros de una función, el Rest Operator siempre junta los parámetros en un array.

function doMath(operator, ...numbers) {
 console.log(operator); // add
 console.log(numbers); // [1, 2, 3]
}
 
doMath('add', 1, 2, 3);

Rest operator en una desestructuración

const a = { letterA: 'a', letterB: 'b', letterC: 'c' };

const { letterB, ...otherLetters } = a;
console.log(otherLetters ); // {letterA:"a", letterC:"c"}

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.