"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > O recurso mais legal em JavaScript

O recurso mais legal em JavaScript

Publicado em 2024-08-28
Navegar:969

The coolest feature in JavaScript

A desestruturação é um dos recursos mais legais do JavaScript, pois facilita muito o trabalho com objetos e arrays. Então, vamos entender.

Imagine que você recebe uma caixa cheia de itens aleatórios e, em vez de retirá-los um por um, você pode simplesmente abrir a caixa e pegar instantaneamente exatamente o que precisa. Isso é o que a desestruturação faz pelo seu código!

Quando se trata de objetos, a desestruturação permite que você escolha propriedades específicas e atribua-as a variáveis ​​facilmente:

const user = { name: "Alice", age: 30, city: "New York" };
const { name, age } = user;

Você também pode renomear as variáveis ​​instantaneamente, assim:

const { name: userName, age: userAge } = user;

Mas fica ainda mais legal quando se trata de arrays, pois não apenas permite extrair valores e atribuí-los a variáveis, mas também pode pular valores desnecessários:

const colors = ["red", "green", "blue"];
const [firstColor, , thirdColor] = colors; // green is skipped

Ou até mesmo defina valores padrão se algo estiver faltando:

const [vermelho, verde, amarelo = "amarelo"] = cores; // amarelo é definido como padrão

Um dos meus recursos favoritos de desestruturação é a sintaxe ...rest - ela permite que você pegue alguns valores e agrupe o resto em outra variável:

const numbers = [1, 2, 3, 4, 5];
const [first, ...rest] = numbers;

console.log(first); // 1
console.log(rest); // [2, 3, 4, 5]

E adivinhe? Funciona tão bem com objetos:

const user = { name: "Alice", age: 30, city: "New York" };
const { name, ...otherDetails } = user;

console.log(otherDetails); // { age: 30, city: "New York" }

A desestruturação torna seu código mais limpo, mais fácil de ler e mais divertido de escrever. Então, da próxima vez que você estiver manipulando objetos ou arrays em JavaScript, experimente a desestruturação – você provavelmente descobrirá que isso simplifica sua experiência de codificação!


Para se manter atualizado com mais conteúdo relacionado ao desenvolvimento web e IA, sinta-se à vontade para me seguir. Vamos aprender e crescer juntos!

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/zain725342/the-coolest-feature-in-javascript-idf?1 Se houver alguma violação, entre em contato com [email protected] para excluí-la
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3