Operações com array

Operações

Operador map

O método map() invoca a função callback passada por argumento para cada elemento do Array e devolve um novo Array como resultado.

A função callback é chamada com três argumentos: o valor do elemento corrente, o índice do elemento corrente e o array original que está sendo percorrido.

let lista = ["Matheus", "Jose", "Maria"];

lista.map((item, index) => {
document.write(`Passando: ${item} - Está na posição ${index} `);
});

Operador reduce

Serve para iterar sobre um array e utilizar o valor de cada item para criar um objeto final com base em alguma regra. Como o próprio nome da função sugere, ela “reduz” os itens de um vetor a um valor único. Por exemplo, podemos utilizá-la para obter a soma ou produto dos itens de um vetor numérico.

let numeros = [5, 3, 2 ];

let total = numeros.reduce((acumulador, numero, indice, original) => {
document.write(`${acumulador} - Total até o momento`);
document.write(`${numero} - Valor autal`);
document.write(`${indice} - indice atual`);
document.write(`${original} - array original`);
return acumulador += numero;
});

document.write("Total do Reduce: " + total);

Operador find

O find()método retorna o primeiro elemento na matriz fornecida que satisfaz a função de teste fornecida. Se nenhum valor satisfizer a função de teste, undefinedserá retornado.

let listagem = [5, 3, "José", 2, "Matheus"];

let busca = listagem.find((item) => {
if(item === "José"){
return document.write("Item encontrado com sucesso!");
}
});

Operador filter

O filter()método cria uma cópia superficial de uma parte de uma determinada matriz, filtrada apenas para os elementos da matriz fornecida que passam no teste implementado pela função fornecida.

let palavras = ["Matheus", "Ana", "José", "Ricardo Silva", "Sujeito Programador"];

let resultado = palavras.filter((item) => {
return item.length <= 4;
})
document.write(resultado);


Operador includes

O método includes() determina se um array contém um determinado elemento, retornando true ou false apropriadamente.

let nomes = ["Matheus", "Lucas", "José"];

if(nomes.includes("Matheus")){
document.write("Está na lista");
}else{
document.write("Não está na lista");
}

Referência Bibliográfica

MEDIUM. Entendendo as funções map, filter e reduce. Disponível em: Ver Site. Acesso em: 28 de mar. de 2023.

Anterior Menu Próximo