Desestruturação de Arrays
Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 47 de 65.
A desestruturação de array é uma maneira conveniente de extrair múltiplos valores de um array e atribuí-los a variáveis em uma única instrução. Ela utiliza uma sintaxe que espelha a estrutura de um literal de array.
Sintaxe básica:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Você pode pular elementos:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Você pode usar parâmetros rest para capturar os elementos restantes:
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]Você pode fornecer valores padrão:
const [a, b, c = 3] = [1, 2];
console.log(c); // 3
Desafio
FácilCrie uma função chamada analyzeArray que recebe um array como argumento. A função deve usar a desestruturação de array para extrair o primeiro, o segundo e o último elementos do array. Ela deve retornar um objeto com as seguintes propriedades:
first: O primeiro elemento do arraysecond: O segundo elemento do arraylast: O último elemento do arrayrestLength: O número de elementos restantes no array
Se algum desses elementos não existir, use valores padrão de null.
Folha de consulta
A desestruturação de arrays extrai múltiplos valores de um array e os atribui a variáveis em uma única instrução:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Pule elementos deixando espaços vazios:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Use parâmetros rest para capturar os elementos restantes:
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]Forneça valores padrão para elementos ausentes:
const [a, b, c = 3] = [1, 2];
console.log(c); // 3Experimente você mesmo
function analyzeArray(arr) {
// Escreva seu código aqui
}
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Lógica & Fluxo
1Strings em Profundidade
Fundamentos de StringsIterar sobre StringsTemplate LiteralsMétodos de StringRecapitulação - String Weaver4JSON Parte 2
Iterar sobre JSONJSON AninhadoEncadeamento Opcional em JSONCópia Rasa e ProfundaRecapitulação - Loja de BicicletasRecapitulação - Sistema Solar7Sistema de Gerenciamento de Biblioteca
Visão Geral do ProjetoAdicionando Livros
Buscar por TítuloFiltrar por GêneroMarcar como Lido10Gerenciar Sistema de Festival
Visão Geral do ProjetoAdicionar Filmes e LocaisAdicionar SessãoComprar IngressosAvaliar FilmesCancelar Sessões2Arrays Multidimensionais
Fundamentos de Arrays 2DAcessando Elementos de Arrays 2DLoops Aninhados com Arrays 2DRecapitulação - Arrays 2DAdição e Subtração de MatrizesArrays IrregularesArrays 3D e AlémPadrões Comuns de Arrays 2DRecapitulação - Tudo Sobre Arrays5Sets Parte 1
O que é um Set?Iterando sobre SetsAdicionando um elementoRemovendo um elementoVerificando se um elemento existeTamanho e Is EmptyCopy e ClearRecapitulação - O básico de Sets8Tópicos Interessantes sobre Arrays
Desestruturação de ArraysSintaxe Spread em ArraysArrays EsparsosRecapitulação - Workshop de Arrays3JSON Parte 1
O que é um JSON?Verificar se a Chave ExisteMétodos de ObjetoO Spread Operator Parte 1O Spread Operator Parte 2Remover ChavesRecapitulação - Manipular Chaves JSON