Caffeine Algorithm - Logo
Publicado em

Arrays em JavaScript

Partilhar:

Introdução

Arrays são estruturas de dados fundamentais em JavaScript, usadas 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?

Em JavaScript, um array é uma lista ordenada de elementos. Cada elemento em um 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 maneiras 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 maneira eficaz. Compreender e aplicar estes conceitos e técnicas irá aprimorar significativamente suas habilidades de programação em JavaScript.

Happy coding!