JS - Métodos de arrays - map e filter

Dando continuidade aos métodos de "array" veremos hoje como iterar para processar itens e filtrá-los:

map

Realiza iterações nos itens de um "array", esse método recebe uma função por parâmetro e essa função pode receber três parâmetros, sendo eles o item atual, o índice atual e o próprio "array", onde para cada item do "array" essa função será executada uma vez, tem como finalidade retornar um novo "array" com base nos itens do "array" original, sem alterá-lo, isso nos garante a possibilidade de processar os valores tratando os mesmos de alguma forma:

var numeros = [1,2,3,4,5,6];

var map = numeros.map(function(item, index, array) {

  return item + 10;

});

filter

Realiza iterações nos itens de um "array", esse método recebe uma função por parâmetro e essa função pode receber três parâmetros, sendo eles o item atual, o índice atual e o próprio "array", onde para cada item do "array" essa função será executada uma vez, tem como finalidade retornar um novo "array" com base nos itens do "array" original, sem alterá-lo, sendo possível aplicar regras para o retorno dos itens, ou seja, filtrando o resultado:

var filter = numeros.filter(function(item, index, array) {

  return item > 4;

});

Encadeando os métodos

Se for necessário tanto processar os valores quanto filtrar os mesmos podemos encadear a execução de ambos:

var novosNumeros = numeros.map(function(item, index, array) {
  return item + 10;
}).filter(function(item, index, array) {
  return item > 14;
});