Objetos aninhados
Dados reais raramente são planos. Um perfil de usuário tem endereço dentro de um objeto maior; um pedido contém itens com subobjetos. Dominar objetos aninhados permite estruturar e acessar informações complexas de forma clara, exatamente como APIs e bancos de dados retornam.
O PROBLEMA
Crie objeto empresa com objetos aninhados endereco e fundador. Acesse propriedades profundas.
EXEMPLO
empresa.endereco.cidade → "Recife"
const {endereco: {cidade}} = empresaSOBRE O CONCEITO
Objetos aninhados são objetos dentro de objetos. Você acessa propriedades profundas com ponto encadeado: empresa.endereco.cidade. O erro comum 'acessar propriedade de undefined' acontece quando um nível intermediário é undefined (ex.: empresa.endereco não existe). Para evitar, verifique se cada nível existe ou use desestruturação aninhada com valores padrão. Exemplo: const {endereco: {cidade}} = empresa extrai cidade diretamente, mas se endereco for undefined, lançará erro. Por isso, estruturas consistentes e validações prévias são recomendadas.
RESOLUÇÃO