DEV Community

Cristian Fernando
Cristian Fernando

Posted on

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

#javascript #webdev #spanish #beginners

¿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 (2)

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.

Read next

sharathmohan007 profile image

Why CSS Still Rocks in 2024

sharath mohan -

goaqidev profile image

Optimizando la Integración de APIs de Blog: Lecciones Aprendidas con Dev.to y Hashnode

Joaquín Gutiérrez -

goaqidev profile image

JSDoc: La Guía Definitiva para Documentar tu Código JavaScript

Joaquín Gutiérrez -

maulikpaghdal profile image

Optimizing React Apps with useMemo and useCallback: A Complete Guide

Maulik Paghdal -