Los métodos de iteración de arrays realizan alguna operación en cada elemento de la array. Hay algunos ejemplos diferentes de métodos de iteración de array que se dan a continuación.
Función Array.forEach(): La función array.forEach() llama a la función proporcionada (una función de devolución de llamada) una vez para cada elemento de la array. La función proporcionada está definida por el usuario, puede realizar cualquier tipo de operación en la array.
Sintaxis:
array.forEach(function callback(value, index, array){
}[ThisArgument]);
Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- valor: Este es el valor actual que está siendo procesado por la función.
- index: Item index es el índice del elemento actual que estaba siendo procesado por la función.
- array: la array en la que se llamó a la función .forEach().
Ejemplo: este ejemplo usa el método forEach en la array para iterar cada elemento de la array e imprimir cada elemento de la array en una nueva línea.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Array.forEach() function
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>Array.forEach() method</h2>
<p>
array.forEach() method Calls a function
once for every array element.
</p>
<p id="GFG"></p>
<script>
var emptytxt = "";
var No = [23, 212, 9, 628, 22314];
No.forEach(itrtFunction);
document.getElementById("GFG").innerHTML = emptytxt;
function itrtFunction(value, index, array) {
emptytxt = emptytxt + value + "<br>";
}
</script>
</body>
</html>
Salida: :
Función Array.some(): La función array.some() verifica si al menos uno de los elementos de la array cumple la condición verificada por la función de argumento.
Sintaxis:
array.some(arg_function(value, index, array), thisArg);
Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- valor: Este es el valor actual que está siendo procesado por la función.
- index: Item index es el índice del elemento actual que estaba siendo procesado por la función.
- array: la array en la que se llamó a la función .some().
Ejemplo: este ejemplo verifica todos los valores de la array, si algún valor es mayor que 50, devuelve verdadero y si todos los elementos de la array son menores que 18, devuelve falso.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Array.some() function
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>Array.some() method</h2>
<p>
some() method checks some array elements
validity according to the test condition.
</p>
<p id="GFG"></p>
<script>
var numArray = [41, 2, 14, 29, 49];
var someOver50 = numArray.some(myFunction);
document.getElementById("GFG").innerHTML
= "Some values over 50 is " + someOver50;
function myFunction(value, index, array) {
return value > 50;
}
</script>
</body>
</html>
Producción:
- Si cualquier valor de la array es mayor que 50:
- Si todo el valor de la array es inferior a 50:
Función Array.map(): La función array.map() crea una array llamando a una función específica en cada elemento de la array principal y no cambia el valor o el elemento de la array.
Sintaxis:
array.map(function(value, index, array){
}[ThisArgument]);
Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- valor: Este es el valor actual que está siendo procesado por la función.
- index: Item index es el índice del elemento actual que estaba siendo procesado por la función.
- array: la array en la que se llamó a la función .map().
Ejemplo: este ejemplo realiza una operación de suma en cada elemento de la array y muestra la salida. No cambia los valores de la array original.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Array.map() function
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>Array.map() method</h2>
<p>
creates an array from calling a specific
function on each item in the parent array.
</p>
<p id="GFG"></p>
<script>
var numArray = [1, 2, 3, 4];
var numArray2 = numArray.map(multiplyFunction);
document.getElementById("GFG").innerHTML = numArray2;
function multiplyFunction(value, index, array) {
return value + 100;
}
</script>
</body>
</html>
Producción:
Del mismo modo, método Array.findIndex() , método Array.find() , función Array lastIndexOf() , función Array indexOf() , función Array every() , función array.reduceRight() , método Array reduce() y filtro Array( ) son las funciones del iterador de array.
Publicación traducida automáticamente
Artículo escrito por PREMMAURYA y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA