DEV Community

Cristian Fernando
Cristian Fernando

Posted on

Paracetamol.js💊| #3: ¿Qué imprime este código?

#javascript #beginners #spanish #webdev

¿Qué crees que imprime el siguiente código? 

const frutas = ["Mango","Manzana","Naranja","Pera"];
const { 3:pera } = frutas;
console.log(pera);
Enter fullscreen mode Exit fullscreen mode

a) Uncaught TypeError : cannot read property
b) TypeError: null is not an object (evaluating)
c) Naranja
d) Pera

Te dejo la solución en el primer comentario.

Top comments (3)

Collapse
 
duxtech profile image
Cristian Fernando • • Edited

Respuesta:
d) Pera

Para usar la desestructuración en arreglos es importante tener en cuenta los índices de los elementos. Por ello para acceder a Pera en el arreglo frutas hariamos algo como:

const [, , , pera]  = frutas;
Enter fullscreen mode Exit fullscreen mode

Donde cada , representa el salto de un índice del arreglo.

Para una sistaxis mas breve podemos usar esto:

const { 3:pera } = frutas;
Enter fullscreen mode Exit fullscreen mode

Donde el 3 representa las posiciones que deseamos saltar.
Nota que aunque frutas sea un arreglo usamos {} para la desestructuración

Collapse
 
gaizkamg profile image
gaizkamg • • Edited

Perdón por la ignorancia, no sería más entendible

const pera = frutas[3];
Enter fullscreen mode Exit fullscreen mode

No sabía que se podían usar las { } con los arrays.

Collapse
 
duxtech profile image
Cristian Fernando •

Lo que tu propones es como la manera mas habitual de hacerlo, usando el índice del elemento para poder acceder a el, otra manera es usando desestructuración de arreglos como en el ejemplo