Arrays em JavaScript

Introdução

Arrays são estruturas de dados fundamentais em JavaScript, utilizadas para armazenar coleções de elementos. Neste artigo, vamos explorar a manipulação e utilização de arrays, focando em métodos poderosos como map, reduce, filter e mais.

O que são Arrays?
- Criação de um Array
Métodos Comuns de Arrays
Manipulação de Arrays

O que são Arrays?

Em JavaScript, um array é uma lista ordenada de elementos. Cada elemento num array tem um índice, começando do zero.

Criação de um Array

let frutas = ['Maçã', 'Banana', 'Laranja'];

Métodos Comuns de Arrays

Arrays em JavaScript vêm com uma variedade de métodos úteis para manipulação de dados.

map()

O método map() cria um novo array com os resultados da chamada de uma função para cada elemento do array.

let numeros = [1, 2, 3, 4, 5];
let quadrados = numeros.map((num) => num * num);

filter()

filter() cria um novo array com todos os elementos que passam no teste implementado pela função fornecida.

let numerosMaioresQueDois = numeros.filter((num) => num > 2);

reduce()

O método reduce() executa uma função redutora em cada elemento do array, resultando num único valor de retorno.

let soma = numeros.reduce((total, valorAtual) => total + valorAtual, 0);

forEach()

forEach() executa uma função fornecida uma vez para cada elemento do array.

frutas.forEach((fruta) => console.log(fruta));

find() e findIndex()

find() retorna o valor do primeiro elemento no array que satisfaz a função de teste.
findIndex() retorna o índice do primeiro elemento que satisfaz a função de teste.

let primeiraFrutaGrande = frutas.find((fruta) => fruta.length > 5);
let indiceBanana = frutas.findIndex((fruta) => fruta === 'Banana');

Manipulação de Arrays

Além dos métodos acima, existem várias outras formas de manipular arrays.

Adicionando e Removendo Elementos

push() adiciona um ou mais elementos ao final do array.
pop() remove o último elemento de um array.

frutas.push('Manga');
let ultimaFruta = frutas.pop();

Concatenando Arrays

O método concat() une dois ou mais arrays.

let vegetais = ['Cenoura', 'Batata'];
let comida = frutas.concat(vegetais);

Espalhamento (Spread) de Arrays

O operador de espalhamento (...) permite expandir elementos de um array em lugares onde múltiplos argumentos ou elementos são esperados.

let frutasEspeciais = ['Morango', ...frutas, 'Kiwi'];

Conclusão

Arrays são incrivelmente versáteis e uma parte crucial da programação em JavaScript. Dominar métodos como map, reduce, filter, entre outros, permite manipular e gerir dados de forma eficaz. Compreender e aplicar estes conceitos e técnicas irá aprimorar significativamente as suas capacidades de programação em JavaScript.