¿Qué es la desestructuración de objetos en JavaScript?

¿Qué significa "desestructuración de objetos" y cuál es el resultado de una operación de desestructuración?

Digamos que tiene un objeto con algunas propiedades:

const person = {
  firstName: 'Tom',
  lastName: 'Cruise',
  actor: true,
  age: 57
}

Puede extraer solo algunas de las propiedades del objeto y ponerlas en variables con nombre:

const { firstName, age } = person

Ahora tenemos 2 nuevas variables,firstNameyage, que contienen los valores deseados:

console.log(firstName) // 'Tom'
console.log(age) // 54

El valor asignado a las variables no depende del orden en que las enumeremos, sino que se basa en los nombres de las propiedades.

También puede asignar automáticamente una propiedad a una variable con otro nombre:

const { firstName: name, age } = person

Ahora en lugar de una variable llamadafirstName, como en el ejemplo anterior, tenemos unnamevariable que contiene elperson.firstNamevalor:

console.log(name) // 'Tom'

Más tutoriales de js: