Arrays no Javascript

Tempo de leitura: 3 minutos

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.
JavaScript
cores.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.
JavaScript
const 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.
JavaScript
const 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: