vanderlei
glossárioJS
$cat~/glossario/destructuring.md

Destructuring

JavaScript

Sintaxe para extrair valores de arrays ou propriedades de objetos.

destructuring.mdmarkdown
01

seção

Explicação

Destructuring — Sintaxe para extrair valores de arrays ou propriedades de objetos.

Extrai valores de array [a,b] ou props {nome, id} com defaults e rest.

Swap variáveis, parâmetros nomeados, retorno múltiplo idiomático.

02

seção

Exemplo

snippetJavaScript
const { nome, id = 0 } = usuario;const [head, ...tail] = lista;
03

seção

Modo de uso

  • Props React desestruturadas

  • Hooks retornando tuple

  • Config objects em APIs

04

seção

Armadilhas comuns

  • Destructuring undefined lança

  • Renomear prop exige alias syntax

05

seção

Termos relacionados

Spread Operator (...)Rest ParameterTemplate Literal
$cd~/glossario/artigo

Aprofundar no artigo

Quer ir além? Este artigo explora o tema em profundidade — leitura recomendada após o glossário.

advanced topics· 24 min

Modern JS Syntax (ES6+): O JavaScript que Você Realmente Usa

Arrow functions, destructuring, spread/rest, template literals, optional chaining, nullish coalescing, parâmetros padrão, Map/Set/Symbol e for...of — a sintaxe moderna do dia a dia.

ler artigo
$cd~/glossario/relacionados

Mais em JavaScript

Outros termos da mesma categoria para revisão em sequência.