Métodos de Arrays em JavaScript: Operações Essenciais e Exemplos

map, filter e reduce

O método map produz um novo array ao aplicar uma função de transformação a cada elemento do array original.

const valoresOriginais = [8, 16, 24, 32];
const valoresAjustados = valoresOriginais.map(valor => valor - 3);
console.log(valoresAjustados); // [5, 13, 21, 29]

filter gera um array contendo apenas os elementos que passam em um teste lógico definido por uma função.

const sequencia = [9, 2, 7, 4, 11];
const impares = sequencia.filter(num => num % 2 !== 0);
console.log(impares); // [9, 7, 11]

reduce processa o array acumulando valores em um único resultado, com base em uma função redutora.

const medidas = [5, 10, 15];
const media = medidas.reduce((soma, valor) => soma + valor, 0) / medidas.length;
console.log(media); // 10

find, findIndex e indexOf

find retorna o primeiro elemento que satisfaz a condição especificada na função de teste.

const frutas = ['banana', 'maçã', 'laranja', 'uva'];
const encontrada = frutas.find(fruta => fruta.startsWith('l'));
console.log(encontrada); // 'laranja'

findIndex é semelhante, mas devolve o índice do primeiro elemento que corrresponde à condição.

const cidades = ['São Paulo', 'Rio', 'Belo Horizonte', 'Rio'];
const posicao = cidades.findIndex(cidade => cidade === 'Rio');
console.log(posicao); // 1

indexOf busca a primeira ocorrência de um valor específico e retorna seu índice.

const letras = ['a', 'b', 'c', 'b', 'd'];
const indice = letras.indexOf('b');
console.log(indice); // 1

push, pop, shift e unshift

push adiciona um ou mais elementos ao final do array, modificando-o diretamente.

let lista = [100, 200];
lista.push(300, 400);
console.log(lista); // [100, 200, 300, 400]

pop remove o último elemento do array e o retorna.

let itens = ['x', 'y', 'z'];
const removido = itens.pop();
console.log(itens); // ['x', 'y']
console.log(removido); // 'z'

shift extrai o primeiro elemento do array, alterando-o in loco.

let numeros = [5, 6, 7];
const primeiro = numeros.shift();
console.log(numeros); // [6, 7]
console.log(primeiro); // 5

unshift insere elementos no início do array e retorna o novo comprimento.

let elementos = [3, 4];
const novoTamanho = elementos.unshift(1, 2);
console.log(elementos); // [1, 2, 3, 4]
console.log(novoTamanho); // 4

splice e slice

splice altera o conteúdo do array por meio de inserção, remoção ou substituição de elementos.

let dados = ['alpha', 'gamma', 'delta'];
dados.splice(1, 0, 'beta');
console.log(dados); // ['alpha', 'beta', 'gamma', 'delta']

slice extrai uma cópia superficial de parte do array, sem modificar o original.

const serie = [10, 20, 30, 40, 50];
const segmento = serie.slice(1, 4);
console.log(segmento); // [20, 30, 40]

sort

sort ordena os elementos do array com base em uma função comparadora, alterando o array original.

let pontuacoes = [45, 12, 78, 33, 5];
pontuacoes.sort((a, b) => a - b);
console.log(pontuacoes); // [5, 12, 33, 45, 78]

Tags: javascript Arrays ArrayMethods ES6

Publicado em 6-6 21:12 por Thomas