JavaScript · Essencial · Inglês · Técnico
destructuring
Sintaxe que extrai valores de arrays ou propriedades de objetos direto para variáveis, numa só linha, com suporte a renomear e a valores padrão.
Onde usar
Aparece em parâmetros de função, retorno de hooks e imports. Em code review, deixa claro quais campos o código usa, mas destructuring muito profundo atrapalha a leitura.
Em código
const user = { nome: 'Ana', idade: 30 };
const { nome, idade: anos = 0 } = user;
const [a, , c] = [1, 2, 3];
console.log(nome, anos, a, c); // Ana 30 1 3Exemplos
I used destructuring to pull the fields I need from the response.
Usei destructuring para tirar da resposta só os campos que preciso.
Destructuring a null throws a TypeError.
Fazer destructuring de null lança um TypeError.
Cuidado
Desestruturar null ou undefined, o que lança TypeError.
Sinônimos
desestruturação
Origem
Do inglês destructure, 'desestruturar'.