JavaScriptObjetosbasico

Desestruturação de objeto

Em projetos reais, você frequentemente extrai várias propriedades de um objeto (como resposta de API, configuração ou dados de usuário). A desestruturação permite fazer isso em uma única linha, tornando o código mais limpo e legível. Por exemplo, ao receber dados de um usuário, você pode extrair nome, email e criar um alias para cidade sem precisar acessar cada propriedade separadamente.

O PROBLEMA

Dado objeto usuario, desestruture nome e email. Use alias para cidade como local.

EXEMPLO

const {nome, email, cidade: local} = usuario;
nome → "Ana"
local → "Recife"

SOBRE O CONCEITO

A desestruturação de objeto usa {} (chaves) para 'quebrar' o objeto em variáveis com os mesmos nomes das propriedades. Para criar um alias, usa-se propriedade: novoNome. Um erro comum é usar [] em vez de {}, mas [] é para desestruturação de arrays (baseada em índice), não para objetos (baseada em chave). No exemplo, const {cidade: local} = usuario cria a variável local com o valor de usuario.cidade, enquanto const [cidade] = usuario tentaria acessar o índice 0, resultando em undefined para esse objeto.

RESOLUÇÃO

Mais exercícios de Objetos

JSO011 · IntermediárioFactory functionJSO001 · BásicoCriar objeto simplesJSO003 · BásicoMétodo no objetoJSO008 · BásicoPropriedade computada
Ver todos os exercícios de JavaScript