Métodos de iteração de matriz em JavaScript explicados com exemplos

O JavaScript oferece alguns métodos de iteração integrada que funcionam em cada elemento da matriz. Os métodos de iteração mais frequentemente usados ​​são foreach (), filter (), map (), reduz (), reduteright (), cada (), alguns () e encontre (). Neste artigo, discutiremos o funcionamento de cada método individualmente.

Método javascript foreach ()

Em JavaScript, o método foreach () chama a função fornecida, para cada elemento presente em uma matriz. O método foreach requer três parâmetros, um para o valor do elemento atual, o segundo parâmetro para o índice do elemento atual e o final é para a matriz sobre a qual o método foreach () deve funcionar.

Considere o código abaixo para entender como o método foreach () funciona:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
EmpNames.foreach (printNames =>
console.log ("Nome do funcionário:", PrintNames);
);

No código acima, há uma matriz de cinco elementos, e o método foreach () é usado com a matriz para imprimir o nome de cada funcionário no console do navegador:

Como resultado, o método foreach () imprimirá cada elemento no console:

Método JavaScript ()

JavaScript oferece outro método iterativo nomeado filtro() Isso toma uma condição como parâmetro e retorna uma nova matriz apenas dos elementos que atendem à condição especificada:

Para entender melhor o método do filtro em JavaScript, vamos dar um exemplo no qual queremos uma variedade filtrada de funcionários cujo nome começa com 'J':

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const filterNames = empnames.filtro (stringIndex =>
return stringindex [0] === "j";
);
console.log ("Nome do funcionário:", Nomes filtrados);

Neste exemplo, passamos uma condição ao método filtro () para verificar a primeira letra de cada elemento e retornar uma lista de elementos cujo primeiro elemento é igual a "j".

A saída exibirá o nome dos funcionários que começa com "J":

Método JavaScript Map ()

O método javascript map () executa alguma funcionalidade sobre a matriz original iterativamente e produz uma nova matriz sem afetar a matriz original. Considere um exemplo para adicionar o nome "Wilson" com o nome de cada funcionário:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newNames = empnames.mapa (addName =>
retornar addName + "Wilson";
);
console.log ("Novos nomes dos funcionários:", newnames);

Retornamos um nome adicional "Wilson" com valor, para que ele adicione esse nome a cada elemento da matriz "EmpName":

A saída do método map () verificará se ele itera cada elemento de "nomes de empates" e executará a mesma funcionalidade em toda a matriz:

Método JavaScript Reduce ()

O método Reduce () é um método de iteração de matriz disponível em JavaScript que reduz toda a matriz a um valor.

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newNames = empnames.Reduce ((nome1, nome2) =>
Nome de retorno1 + "" + nome2;
);
console.log ("nome reduzido:", newNames);

No exemplo acima, temos uma matriz com cinco nomes, usando o método Reduce () Reduzimos toda eles e os devolverá:

A saída do código acima será um único valor:

O método reduz () pode ser aplicado em qualquer tipo de dados, como seqüências, números e matrizes. Por padrão, o método Reduce () funciona da esquerda para a direita, enquanto, pelo contrário, nos casos em que queremos executar a funcionalidade da direita para a esquerda, podemos utilizar o método ReduceRight ().

Javascript todo () método

O método Every () é outro método de iteração de matriz em JavaScript, ele leva uma condição e o testa com cada elemento da matriz como resultado, retorna verdadeiro ou falso.

Para entender como todo () o método funciona no JavaScript, considere o seguinte código:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const EveryName = EmpNames.todo (xequename =>
Retornar CheckName [0] === "J";
);
console.log ("Todos os nomes começam com J:", EveryName);

Neste exemplo, utilizamos todos os métodos () para testar se todos os elementos da matriz começam com J ou não:

O método todo () retornará falso Porque todos os nomes da matriz não começam com a letra "j". A saída seria verdadeiro Se todos os nomes da matriz foram iniciados com "J":

Javascript algum () método

JavaScript Alguns () método verifica se alguns dos elementos da matriz satisfazem a condição fornecida e retorna o resultado verdadeiro ou falso:

const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const EveryName = EmpNames.Alguns (CheckName =>
Retornar CheckName [0] === "J";
);
console.log ("Alguns nomes começam com J:", EveryName);

Neste exemplo, alguns () método verifica se alguns do nome do funcionário começam com j ou não:

Na saída, ele retornará verdadeiro porque existem alguns funcionários cujos nomes começam com "J":

Método JavaScript Find ()

O JavaScript oferece outro método iterativo útil que retorna apenas o primeiro valor que atende à condição especificada. Se mais de um valor cumprir a condição, em vez de retornar todos esses valores, o método find () retornará apenas o primeiro valor. Vamos entender com um exemplo:

const empnames = ["John", "Seth", "Danial", "John", "Micheal"];
const isfoundName = foundName =>
Retornar ["Micheal", "Seth"].inclui (FoundName);

const resultado = empnames.encontre (isfoundName);
console.log ("Nome do funcionário:", resultado);

Neste exemplo, queremos encontrar os funcionários cujos nomes são "Micheal" ou "Seth":

Aqui, o método find () procurará esses nomes na matriz e imprimirá o nome que vem primeiro na matriz:

Conclusão:

Os métodos de iteração de matrizes são métodos JavaScript integrados que atravessam toda a matriz e trabalham em cada entrada da matriz. Neste artigo, consideramos alguns métodos essenciais de iteração de matriz e os implementamos em JavaScript, onde aprendemos como esses métodos funcionam.