Paracetamol.js💊| #104: 자바스크립트 코드 설명

Explica este codigo JavaScript

¿Cuál de las siguientes desestrucuraciones regresa la salida por consola del ejemplo?

난이도: Avanzado

const metadata = {
  title: 'Scratchpad',
  translations: [
    {
      locale: 'de',
      localization_tags: [],
      last_edit: '2020-08-29T08:43:37',
      url: '/de/docs/Tools/Scratchpad',
      title: 'JavaScript-Umgebung'
    }
  ],
  url: '/es/docs/Tools/Scratchpad'
};

console.log(titulo1, titulo_anidado); //Scratchpad JavaScript-Umgebung

ㅏ.

const {
  title:titulo1,
  translations:[
    {
      title:titulo_anidado
    }
  ]
} = metadata;

비.

const {
  title: titulo1,
  translations: 
      title: titulo_anidado
} = metadata;

씨.

const {
  title: titulo1,
  translations:
      {{title: titulo_anidado}}
} = metadata;

디.

const {
  title: titulo1,
  translations:
      [title: titulo_anidado]
} = metadata;

Respuesta en el primer comentario.


응답:
ㅏ.

const {
  title:titulo1,
  translations:[
    {
      title:titulo_anidado
    }
  ]
} = metadata;

Con la sintaxis de dos puntos podemos renombrar las keys del objeto, como translations es un arreglo de objetos la manera adecuada de desestructurar sus propiedades es accediendo primero al arreglo y luego recien al objeto: