LECCIÓN 20 / 60 · Texto y objetos

Extrae una propiedad con desestructuración

Al terminar, podrás: extraer una propiedad con desestructuración

Ampliación opcionalJavaScript

Conviene conocer: Lección 18 · Agrupa datos de algo con un objeto

La idea clave

Si necesitas usar varias veces una propiedad, puedes extraer su valor a una variable. La desestructuración utiliza el mismo nombre que la propiedad.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

Ejemplo explicado
const usuario = { nombre: 'Luz', puntos: 4 };
const { nombre } = usuario;
console.log(nombre);
  1. usuario es un objeto con dos propiedades.
  2. const { nombre } = usuario toma el valor de usuario.nombre.
  3. A partir de ahí puedes utilizar nombre directamente.

Practica con código

Antes de empezar, piensa: ¿Qué escribe console.log(nombre)?

Extrae también puntos y muestra los dos valores por separado.

El resultado que buscamos

Deben aparecer «Luz» y 4.

JAVASCRIPT Practica aquí
Tu misión

Extrae también puntos y muestra los dos valores por separado.

Consola
Lista para ejecutar.
Sin comprobar
Escribe tu cambio y pulsa «Comprobar solución». Puedes intentarlo tantas veces como quieras.
Listo
Necesito una pista

Añade puntos dentro de las llaves: { nombre, puntos }.

Una pista más

Después imprime console.log(puntos).

Ver solución y explicación

const { nombre, puntos } = usuario; console.log(nombre); console.log(puntos);

Qué debes recordar: La desestructuración extrae una propiedad a una variable con su nombre.

Práctica pendiente de corregir

La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.

Revisado editorialmente · Referencia técnica específica ↗