Iterationsmethoden für Arrays in JavaScript

FunktionIterationDie Methode, die einmal auf jedes Element im Array angewendet wird, wird

Methode des Arrays.IterationMethode ist eng mit dem Zyklus verbunden.

Array.forEach()

forEach()Methode verwenden, um für jedes Element des Arrays eine angegebene Funktion (eine Callback-Funktion) auszuführen.

Wir könnenforEach()Die Elemente des Arrays werden in das Dokument gedruckt.

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

Bitte beachten Sie, dass die Funktion3Parameter:

• Elementwert (obligatorisch)

• Elementindex (optional)

• Array selbst (optional)

由于2个参数（索引，数组）是可选的，因此我们可以跳过它们：

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()

方法返回一个新数组，不会改变原始数组。同时新数组中的元素为原始数组元素调用函数处理后的值，并按照原始数组元素顺序依次处理元素。

注意：map() 不会对空数组进行检测。2的元素创建一个新数组：

var nums = [1　function twice(element, index, array) {1,　5,　20,　14,　55,　16]);
var nums = [2　= nums1.map(twice);
以下示例从每个值乘以
　　　return (element　*　2);
}

Bitte beachten Sie, dass die Funktion3Parameter:

• Elementwert (obligatorisch)

• Elementindex (optional)

• Array selbst (optional)

由于2个参数（索引，数组）是可选的，因此我们可以跳过它们：

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()是JavaScript中Array的常用操作，用于把Array的某些元素过滤掉，然后返回剩下的元素。其主要原理是 filter会把传入的函数依次作用于每个元素，然后根据返回值是 true 还是false决定保留还是丢弃该元素。

下面的示例，使用值等于或大于18的元素创建一个新数组：

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

Bitte beachten Sie, dass die Funktion3Parameter:

• Elementwert (obligatorisch)

• Elementindex (optional)

• Array selbst (optional)

由于2个参数（索引，数组）是可选的，因此我们可以跳过它们：

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

Array.reduce()

reduce()方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

这在数字中很常见，例如找到数组中所有数字的总和。

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

请注意，该函数采用4Parameter:

• 初始值/先前返回的值（必填）

• Elementwert (obligatorisch)

• Elementindex (optional)

• Array selbst (optional)

Array.find()

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

在下面的示例中，我们将找到等于或大于18的首个元素：

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

Bitte beachten Sie, dass die Funktion3Parameter:

• Elementwert (obligatorisch)

• Elementindex (optional)

• Array selbst (optional)

Array.findIndex()

findIndex()Diese Methode gibt den ersten Index im Array zurück, der den angegebenen Bedingungen entspricht.

Im folgenden Beispiel finden wir den ersten Index des Elements, das gleich oder größer als18der Index des ersten Elements:

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

Bitte beachten Sie, dass die Funktion3Parameter:

• Elementwert (obligatorisch)

• Elementindex (optional)

• Array selbst (optional)

Array.every()

every()Diese Methode wird verwendet, um zu überprüfen, ob alle Elemente des Arrays den angegebenen Bedingungen entsprechen (durch eine Funktion bereitgestellt).

Der folgende Beispiel überprüft, ob alle Wert des Arrays gleich oder größer als18:

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

Bitte beachten Sie, dass die Funktion3Parameter:

• Elementwert (obligatorisch)

• Elementindex (optional)

• Array selbst (optional)

Vollständige Array-Referenz

Für eine vollständige Referenz zu den Eigenschaften und Methoden besuchen Sie bitte unsereJavaScript-Array-Array-Referenz.

Der Referenzteil enthält alle Beschreibungen und Beispiele der Array-Attribute und -Methoden.