DEV Community

Cristian Fernando
Cristian Fernando

Posted on • Edited on

Paracetamol.js💊| #104: Explica este código JavaScript

#javascript #webdev #spanish #beginners

Explica este código JavaScript

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

Dificultad: 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
Enter fullscreen mode Exit fullscreen mode

A.

const {
  title:titulo1,
  translations:[
    {
      title:titulo_anidado
    }
  ]
} = metadata;
Enter fullscreen mode Exit fullscreen mode

B.

const {
  title: titulo1,
  translations: 
      title: titulo_anidado
} = metadata;
Enter fullscreen mode Exit fullscreen mode

C.

const {
  title: titulo1,
  translations:
      {{title: titulo_anidado}}
} = metadata;
Enter fullscreen mode Exit fullscreen mode

D.

const {
  title: titulo1,
  translations:
      [title: titulo_anidado]
} = metadata;
Enter fullscreen mode Exit fullscreen mode

Respuesta en el primer comentario.

Top comments (1)

Collapse
 
duxtech profile image
Cristian Fernando •

Respuesta:
A.

const {
  title:titulo1,
  translations:[
    {
      title:titulo_anidado
    }
  ]
} = metadata;
Enter fullscreen mode Exit fullscreen mode

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 recién al objeto.

Read next

olga_tash profile image

SVAR Gantt: New Open Source, Interactive Gantt Chart for React

Olga T. -

gladiatorsbattle profile image

Transforming the Wall of Text: Modern Design with Glassmorphism, CSS Animations, and Typography

Gladiators Battle -

patrick_61cbc6392b72286f6 profile image

Axios vs Fetch: Which is Best for HTTP Requests?

Patrick -

slootjes profile image

AWS AppSync Events vs IoT Core

Robert Slootjes -