Consejos para desestructurar listas en JavaScript

La desestructuración en JavaScript eres un recurso muy utilizado e una grande adición para mejorar nuestro código, especialmente en listas.

La sintaje para desestructurar una lista eres simples. Vamos a un ejemplo.

const frutas = ["manzana", "naranja", "guava", "morango"];

const [ manzana, naranja ] = frutas

console.log(manzana, naranja) //tenemos en lo console manzana y naranja

¿Pero, qué hacer si queremos saltar uno de los itens? ¿Por ejemplo, si queremos lo morango, pero saltar la naranja y la guava?

const frutas = ["manzana", "naranja", "guava", "morango"];

const [ manzana, , ,morango ] = frutas

console.log(manzana, morango)

Ponemos una coma para saltar dos valores (naranja y guava) e desta forma, pegarmos solo los valores que interesan a nosotros.

¿Pero, por qué no adicionar legibilidad para nuestro código?

const frutas = ["manzana", "naranja", "guava", "morango"];


const [
  manzana,
  , //naranja
  , //guava
  morango
] = frutas

console.log(manzana, morango)

De esta forma, nosotros podemos ayudar futuros desarrolladores a tener un entendimento mejor de nuestro código.

Yo espero que tengan disfrutado de este artículo e que tenga ayudado usted a mejorar la legibilidad de su código cuando utilizar la desestructuración.