Os Metódos de Array em JavaScript mais usados

Precisamos antes de tudo verificar alguns dos principais métodos de array JavaScript usados pelos desenvolvedores no dia a dia. São eles:

Vou listar e exemplificar de forma crescente o uso de cada uma desses métodos de array usado no JavaScript.

Map

O método map() passa cada elemento do array em que é chamado para a função especificada e retorna um array contendo os valores retornados por essa função. Veja um exemplo:

const data = [{}, {}, {}, {}]
const nomes = data.map(item => item.nome);

// nomes receberá um novo retorna um novo array que consiste em todos os nomes presente na matriz data.

Filter

Para filtrar alguns valores ou objetos de uma matriz de dados, usamos métodos filter(). Isso também retorna uma nova matriz após executar a lógica que definimos. Veja este exemplo:

const data = [{}, {}, {}, {}]
const nomes = data.filter(item => item.id > 2);

// será o conjunto composto por todos os usuários com id maior que 2

Includes

O Includes() verifica se o valor existe em uma matriz ou não. Isso retorna o valor booleano. Veja o exemplo:

const data = [{}, {}, {}, {}]
const nomes = data.includes(nome === 'Robson');

// nomes retornarão verdadeiros se o nome Robson existe ou não

indexOf

O indexOf() procura um elemento com um valor especificado em um array e retornam o índice do primeiro elemento encontrado com esse valor ou –1, se nenhum for encontrado. indexOf() pesquisa o array do início ao fim. Veja o exemplo abaixo:

const data = ['Robson', 'Joel', 'Michel', 'Gustavo'];
data.indexOf('Robson');

// vai fornecer o índice de 'Robson' mas devolve -1 se Robson não existir

Reduce

O métodos reduce() combinam os elementos de um array usando a função especificada para produzir um valor único. Por exemplo, eu quero calcular o número total de usuários cujo id é maior que 4 e, em seguida, reduce me dará a soma. Exemplos ajudam a ilustrar como isso funciona:

const data = [{id: 4 }, {id: 2}, {id: 7}, {id: 10}]
const total = data.reduce((a, b) => { 
  let sum = 0;
  if(b.id > 4) sum = sum + 1;
  return sum
});

// total será a soma de usuários cujo id é maior que 4

Find

Retorna o primeiro elemento que satisfaça a condição que você define nele. Veja no exemplo:

const data = [{id: 4 }, {id: 2}, {id: 4}, {id: 10}]
const user = data.find(item => item.id == 4)

// retornará o primeiro objeto do user onde o objeto com id igual a 4

Some

O método some() é predicados de array: ele aplica uma função de predicado especificada nos elementos do array e, então, retorna true ou false, ou seja, este teste verifica se pelo menos um elemento do array passa na condição que definimos nele. Vamos ver um exemplo:

const data = [{id: 4 }, {id: 2}, {id: 7}, {id: 10}]
data.some(item => item.id <= 2);

// retorna true porque temos um usuário com id === 2;

Conclusão

Há grandes chances de surgir perguntas sobre esses métodos em uma entrevista, então salve este artigo e da uma lida nele antes de alguma entrevista.

Espero que este artigo seja de grande utilidade para o seu dia a dia, forte abraço!