Métodos de iteración de matriz en JavaScript explicados con ejemplos
Método JavaScript foreach ()
En JavaScript, el método foreach () llama a la función dada, para cada elemento presente en una matriz. El método foreach requiere tres parámetros, uno para el valor del elemento actual, el segundo parámetro para el índice del elemento actual, y el final es para la matriz sobre la cual el método foreach () tiene que funcionar.
Considere el código dado a continuación para comprender cómo funciona el método Foreach ():
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];Empnamas.foreach (printnames =>
consola.Log ("Nombre del empleado:", printnames);
);
En el código anterior, hay una matriz de cinco elementos, y el método foreach () se usa con la matriz para imprimir el nombre de cada empleado en la consola del navegador:
Como resultado, el método foreach () imprimirá cada elemento en la consola:
Método JavaScript Filter ()
JavaScript ofrece otro método iterativo nombrado filtrar() Eso toma una condición como parámetro y devuelve una nueva matriz de solo aquellos elementos que cumplen la condición especificada:
Para comprender mejor el método de filtro en JavaScript, tomemos un ejemplo en el que queremos una matriz filtrada de empleados cuyo nombre comienza con 'J':
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const filtrednames = empnames.filtro (stringIndex =>
return stringIndex [0] === "J";
);
consola.log ("Nombre del empleado:", FilteredNames);
En este ejemplo, pasamos una condición al método filtre () para verificar la primera letra de cada elemento y devolver una lista de elementos cuyo primer elemento es igual a "j".
La salida mostrará el nombre de los empleados que comienzan con "J":
Método JavaScript Map ()
El método JavaScript MAP () realiza cierta funcionalidad sobre la matriz original de forma iterativa y produce una nueva matriz sin afectar la matriz original. Considere un ejemplo para agregar el nombre "Wilson" con el nombre de cada empleado:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const revisores = empnames.map (addname =>
return AddName + "Wilson";
);
consola.registro ("Empleados nuevos nombres:", NEWNAMES);
Devuelve un nombre adicional "Wilson" con valor, por lo que agregará este nombre con cada elemento de la matriz "Empname":
La salida del método MAP () verificará que itera cada elemento de la matriz "EmpNames" y realice la misma funcionalidad en toda la matriz:
Método JavaScript Reduce ()
El método Reder () es un método de iteración de matriz disponible en JavaScript que reduce la matriz completa a un valor.
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const revisores = empnames.reducir ((name1, name2) =>
Nombre de retorno1 + "" + name2;
);
consola.log ("Nombre reducido:", Newnames);
En el ejemplo anterior, tenemos una matriz con cinco nombres, utilizando el método reduce () reducimos la matriz completa a un nombre, pasamos dos parámetros al método de reducir "name1" y "name2", y aplicaremos algunos procesos en ellos y los devolverán:
La salida del código anterior será un valor único:
El método Reder () se puede aplicar a través de cualquier tipo de datos como cadenas, números y matrices. Por defecto, el método Rede () funciona de izquierda a derecha, mientras que en el contrario en los casos en que queremos realizar la funcionalidad de derecha a izquierda, podemos utilizar el método Reduceright ().
JavaScript todos () método
El método cada () es otro método de iteración de matriz en JavaScript, toma una condición y lo prueba con cada elemento de matriz como resultado, devuelve verdadero o falso.
Para comprender cómo funciona cada () método en JavaScript, considere el siguiente código:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const EveryName = Empnames.Cada (checkName =>
return checkName [0] === "J";
);
consola.log ("Todos los nombres comienzan con J:", Every Evername);
En este ejemplo, utilizamos cada () método para probar si todos los elementos de la matriz comienzan con J o no:
El método cada () volverá FALSO Porque todos los nombres de la matriz no comienzan con la letra "J". La salida sería verdadero Si todos los nombres de la matriz se iniciaron con "J":
JavaScript Some () Método
JavaScript Some () Método Comprueba si algunos de los elementos de la matriz satisfacen la condición dada y devuelven el resultado, ya sea verdadero o falso:
const empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];const EveryName = Empnames.algunos (checkName =>
return checkName [0] === "J";
);
consola.log ("Algunos nombres comienzan con J:", Every Evername);
En este ejemplo, algunos () método verifican que algunos de los nombres del empleado comienzan con J o no:
En la salida, devolverá verdadero porque hay algunos empleados cuyos nombres comienzan con "J":
Método JavaScript find ()
JavaScript ofrece otro método iterativo útil que devuelve solo el primer valor que cumple con la condición especificada. Si más de un valor cumple la condición, en lugar de devolver todos esos valores, el método find () solo devolverá el primer valor. Entendámoslo con un ejemplo:
const empnames = ["John", "Seth", "Danial", "John", "Micheal"];const isFoundName = FoundName =>
regresar ["Micheal", "Seth"].incluye (nombre de encontrado);
Const Result = EmpNames.encontrar (isFoundName);
consola.Log ("Nombre del empleado:", resultado);
En este ejemplo, queremos encontrar a los empleados cuyos nombres son "Micheal" o "Seth":
Aquí el método Find () buscará estos nombres en la matriz e imprimirá el nombre que viene primero en la matriz:
Conclusión:
Los métodos de iteración de la matriz son métodos de JavaScript incorporados que atraviesan toda la matriz y trabajan en cada entrada de la matriz. En este artículo, consideramos algunos métodos esenciales de iteración de matriz y los implementamos en JavaScript, donde aprendimos cómo funcionan estos métodos.