Métodos de Iteração do Array do JavaScript

在数组中的每个元素上一次操作的方法，称为迭代方法。

数组的迭代方法与循环紧密相关。

Array.forEach()

forEach()方法对数组的每个元素执行一次提供的函数（一个回调函数）。

我们可以使用forEach()将数组中的每个元素打印到文档。

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

Atenção, a função possui3Parâmetros:

• Valor do elemento (obrigatório)

• Índice do elemento (opcional)

• Array em si (opcional)

Devido a2um parâmetro (índice, array) é opcional, portanto podemos pular eles:

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

Array.map()

map()O método retorna um novo array, sem alterar o array original. O novo array contém os valores dos elementos originais após a chamada da função, processados na ordem dos elementos originais.

Atenção: map() não verifica arrays vazios.

Este exemplo multiplica cada valor por2criar um novo array com os elementos:

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

Atenção, a função possui3Parâmetros:

• Valor do elemento (obrigatório)

• Índice do elemento (opcional)

• Array em si (opcional)

Devido a2um parâmetro (índice, array) é opcional, portanto podemos pular eles:

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

Array.filter()

filter()é uma operação comum no Array do JavaScript, usada para filtrar alguns elementos do Array e retornar os elementos restantes. Seu principal princípio é que o filter aplica a função fornecida a cada elemento, e decide se mantém ou descarta o elemento com base no valor retornado (true ou false).

Neste exemplo, usando valores iguais ou maiores que18criar um novo array com os elementos:

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

Atenção, a função possui3Parâmetros:

• Valor do elemento (obrigatório)

• Índice do elemento (opcional)

• Array em si (opcional)

Devido a2um parâmetro (índice, array) é opcional, portanto podemos pular eles:

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

Array.reduce()

reduce()O método aceita uma função como acumulador, começando com cada valor do array (da esquerda para a direita) e reduzindo para um único valor.

Isso é comum em números, por exemplo, encontrar a soma de todos os números em um array.

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

Observe que a função usa4Parâmetros:

• valor inicial/valor retornado anteriormente (obrigatório)

• Valor do elemento (obrigatório)

• Índice do elemento (opcional)

• Array em si (opcional)

Array.find()

find()O método retorna o primeiro valor do array que passa pelo teste fornecido.

Neste exemplo, encontraremos todos os valores iguais ou maiores que18o primeiro elemento:

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

Atenção, a função possui3Parâmetros:

• Valor do elemento (obrigatório)

• Índice do elemento (opcional)

• Array em si (opcional)

Array.findIndex()

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

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

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

Atenção, a função possui3Parâmetros:

• Valor do elemento (obrigatório)

• Índice do elemento (opcional)

• Array em si (opcional)

Array.every()

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

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

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

Atenção, a função possui3Parâmetros:

• Valor do elemento (obrigatório)

• Índice do elemento (opcional)

• Array em si (opcional)

Referência Completa de Array

Para referência completa de propriedades e métodos, acesse nossoReferência do Array do JavaScript.

A parte de referência contém todas as descrições e exemplos de propriedades e métodos de array.