Arrays no Javascript: Os Arrays são a estrutura de dados mais básica e crucial em JavaScript, permitindo armazenar coleções ordenadas de valores. Eles são como listas sequenciais onde cada elemento ocupa uma posição definida por um índice numérico que começa em zero (0).
Embora Arrays sejam coleções, é importante lembrar que em JavaScript, um Array é um tipo especial de Objeto.
1. Criando e Acessando Arrays
A maneira mais comum e recomendada de criar um array é usando a sintaxe de literal de array.
A. Criação e Propriedade length
JavaScript
// Criação por Literal (Recomendado)
let cores = ["vermelho", "verde", "azul"];
// Propriedade: Retorna o número de elementos (não o índice)
console.log(cores.length); // Saída: 3
B. Acesso e Modificação
O acesso e a modificação são feitos usando a notação de colchetes [] e o índice (posição) do elemento.
JavaScript
// Acessando: Índices começam em 0
console.log(cores[0]); // Saída: "vermelho"
// Modificando
cores[1] = "amarelo";
console.log(cores); // Saída: ["vermelho", "amarelo", "azul"]
2. Métodos de Manipulação Básica (Mutáveis)
Esses métodos alteram (mutam) o array original, modificando seu tamanho ou conteúdo.
| Método | Ação | Retorno | Exemplo |
push() | Adiciona ao final. | Novo length. | cores.push("roxo"); |
pop() | Remove do final. | O elemento removido. | let ultimo = cores.pop(); |
unshift() | Adiciona ao início. | Novo length. | cores.unshift("branco"); |
shift() | Remove do início. | O elemento removido. | let primeiro = cores.shift(); |
splice() | Adiciona/Remove em qualquer ponto. | Array de elementos removidos. | cores.splice(1, 1, "ciano"); (Remove 1 a partir do índice 1, e insere “ciano”) |
3. Métodos de Iteração e Transformação (Imutáveis)
Esses métodos são cruciais no JavaScript moderno. Eles não alteram o array original, mas sim retornam um novo array ou um novo resultado.
forEach(): Executa uma função para cada elemento. Não retorna um valor.
JavaScriptcores.forEach(function(cor) {
console.log(cor.toUpperCase());});map(): Executa uma função para cada elemento e retorna um NOVO array com os resultados da função.
JavaScriptconst numeros = [1, 2, 3];const dobrados = numeros.map(n => n * 2); // [2, 4, 6]filter(): Cria um NOVO array contendo todos os elementos que passam em um teste lógico.
JavaScriptconst pares = numeros.filter(n => n % 2 === 0); // [2]find()/findIndex(): Retorna o primeiro elemento ou o índice do primeiro elemento que satisfaz a condição.
4. Métodos Não Mutáveis Comuns
slice(): Retorna uma cópia rasa de uma parte do array (ou do array inteiro se não houver argumentos). Não altera o original.concat(): Junta dois ou mais arrays, retornando um novo array combinado.join(): Converte todos os elementos do array em uma String, usando um separador especificado.
JavaScript
let nums = [1, 2, 3].slice(1); // [2, 3] (Original intacto)
let texto = cores.join(" | "); // "vermelho | amarelo | azul"
✅ Conclusão Arrays no Javascript
Arrays no Javascript: Arrays são estruturas de dados versáteis, essenciais para gerenciar coleções ordenadas. O domínio dos métodos de manipulação (push, pop, splice) e, principalmente, dos métodos de iteração moderna (map, filter, forEach) é o que diferencia um código eficiente e funcional em JavaScript. Arrays, em conjunto com loops, formam a base do processamento de dados na web.
Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo:
E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados:
