Métodos de iteración de array de JavaScript

funciónIteraciónEl método que realiza una acción una vez en cada elemento del array se llama

método del array.Iteraciónmétodo está estrechamente relacionado con el bucle.

Array.forEach()

forEach()método para ejecutar una función proporcionada para cada elemento del array (una función de devolución de llamada).

Podemos usarforEach()Imprimir cada elemento del array en el documento.

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element, index, array) {
　　　　fruits.forEach(function(element) {　+= index　+　: ""　+　element　+　= element
});

Tenga en cuenta que la función tiene3Parámetros:

• Valor del elemento (obligatorio)

• Índice del elemento (opcional)

• Sí mismo del array (opcional)

Debido a2un parámetro (índice, array) es opcional, por lo que podemos saltárnoslo:

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element)　{
　　　　fruits.forEach(function(element) {　+result.innerHTML　+　= element
});

"<br>";

Array.map()map()

El método devuelve un nuevo array que no cambia el array original. Además, los elementos del nuevo array son los valores del array original después de llamar a la función y se procesan en el orden de los elementos del array original.

Advertencia: map() no realiza una verificación en arrays vacíos.2para crear un nuevo array con los elementos:

var nums = [1　function twice(element, index, array) {1,　5,　20,　14,　55,　16
var nums = [2　= nums1.map(twice);
El siguiente ejemplo multiplica cada valor por
　　　return (element　*　2);
}

Tenga en cuenta que la función tiene3Parámetros:

• Valor del elemento (obligatorio)

• Índice del elemento (opcional)

• Sí mismo del array (opcional)

Debido a2un parámetro (índice, array) es opcional, por lo que podemos saltárnoslo:

var nums = [1　function twice(element, index, array) {1,　5,　20,　14,　55,　16
var nums = [2　= nums1.map(twice);
function twice(element) {
　　　return (element　*　2);
}

Array.filter()

filter()es una operación común en JavaScript de Array, utilizada para eliminar ciertos elementos del Array y devolver los elementos restantes. Su principal principio es que filter aplica la función传入的函数依次作用于每个元素， y luego decide si mantener o descartar el elemento según el valor devuelto (true o false).

En el siguiente ejemplo, utilice valores iguales o mayores que18para crear un nuevo array con los elementos:

var age = [1,　30,　39,　29,　10,　13
var val = age.filter(isAdult);
function isAdult(element, index, array) {
　　　　devolver element >=　18;
}

Tenga en cuenta que la función tiene3Parámetros:

• Valor del elemento (obligatorio)

• Índice del elemento (opcional)

• Sí mismo del array (opcional)

Debido a2un parámetro (índice, array) es opcional, por lo que podemos saltárnoslo:

var age = [1,　30,　39,　29,　10,　13
var val = age.filter(isAdult);
function isAdult(element) {
　　　　devolver element >=　18;
}

Array.reduce()

reduce()El método recibe una función como acumulador, comienza a reducir cada valor del array (de izquierda a derecha) y finalmente calcula un valor.

Esto es común en los números, por ejemplo, encontrar la suma total de todos los números en un array.

var　nums　=　[10,　20,　30,　40,　50];
var sum = nums.reduce(getTotal);
function getTotal(x, y) {
　　　　return (x　+　y);
}

Tenga en cuenta que esta función utiliza4Parámetros:

• valor inicial/el valor devuelto anteriormente (obligatorio)

• Valor del elemento (obligatorio)

• Índice del elemento (opcional)

• Sí mismo del array (opcional)

Array.find()

find()El método devuelve el primer valor del array que pasa la prueba dada.

En el siguiente ejemplo, encontraremos todos los valores que son iguales o mayores que18el primer elemento:

var　num　=　[1,　30,　39,　29,　10,　13
var val = num.find(myFunc);
function　myFunc(element)　{
　　　　devolver element >=　18;
}

Tenga en cuenta que la función tiene3Parámetros:

• Valor del elemento (obligatorio)

• Índice del elemento (opcional)

• Sí mismo del array (opcional)

Array.findIndex()

findIndex()方法返回通过给定检测的数组中的第一个索引值。

在以下示例中，我们将找到等于或大于18的第一个元素的索引值：

var　num　=　[1,　30,　39,　29,　10,　13
var　val　=　num.findIndex(myFunc);
function　myFunc(element)　{
　　　　devolver element >=　18;
}

Tenga en cuenta que la función tiene3Parámetros:

• Valor del elemento (obligatorio)

• Índice del elemento (opcional)

• Sí mismo del array (opcional)

Array.every()

every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供检测）。

下面的示例检查所有数组值是否等于或大于18：

var　nums　=　[1,　30,　39,　29,　10,　13
var bool = nums.every(function(element) {
　　　　devolver element >=　18;
});
document.getElementById("result").innerHTML = bool;

Tenga en cuenta que la función tiene3Parámetros:

• Valor del elemento (obligatorio)

• Índice del elemento (opcional)

• Sí mismo del array (opcional)

Referencia completa de array

Para obtener una referencia completa de propiedades y métodos, visite nuestraReferencia de Array de JavaScript.

La sección de referencia contiene descripciones y ejemplos de todas las propiedades y métodos de arrays.