Erfahren Sie, wie Sie die integrierten iterierbaren Objekte von JS effektiv nutzen

Erfahren Sie mehr über die Verwendung der integrierten iterierbaren Objekte von JS

In JavaScript bezieht sich ein iterierbares Objekt auf ein Objekt, das die Methode Symbol.iterator implementiert. Diese Objekte können mit einer for...of-Schleife iteriert oder mit anderen Iteratormethoden manipuliert werden. Dieser Artikel bietet ein detailliertes Verständnis der Verwendung der integrierten iterierbaren Objekte von JS und gibt spezifische Codebeispiele.

1. Array (Array)

Array ist das häufigste iterierbare Objekt in JavaScript. Wir können eine for...of-Schleife verwenden, um jedes Element im Array zu durchlaufen, oder die forEach-Methode des Arrays zum Durchlaufen verwenden.

Codebeispiel:

let arr = [1, 2, 3, 4, 5];

// 使用for...of循环遍历数组
for (let num of arr) {
  console.log(num);
}

// 使用数组的forEach方法遍历数组
arr.forEach(function(num) {
  console.log(num);
});

2. String (String)

Strings sind auch iterierbare Objekte in JavaScript. Wir können jedes Zeichen in der Zeichenfolge mithilfe einer for...of-Schleife durchlaufen.

Codebeispiel:

let str = "hello";

// 使用for...of循环遍历字符串
for (let char of str) {
  console.log(char);
}

3. Set (Set)

Set ist eine Sammlung sich nicht wiederholender Elemente und ein iterierbares Objekt. Wir können eine for...of-Schleife verwenden, um jedes Element im Set zu durchlaufen.

Codebeispiel:

let set = new Set([1, 2, 3]);

// 使用for...of循环遍历Set
for (let num of set) {
  console.log(num);
}

4. Map (Map)

Map ist eine Sammlung von Schlüssel-Wert-Paaren und einem iterierbaren Objekt. Wir können eine for...of-Schleife verwenden, um jedes Schlüssel-Wert-Paar in der Map zu durchlaufen.

Codebeispiel:

let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');

// 使用for...of循环遍历Map
for (let [key, value] of map) {
  console.log(key, value);
}

5. Generator (Generator)

Generator ist eine Funktion, die eine Reihe von Werten erzeugen kann, und es ist auch ein iterierbares Objekt. Wir können eine for...of-Schleife verwenden, um die vom Generator generierte Wertefolge zu durchlaufen.

Codebeispiel:

function* generator() {
  yield 1;
  yield 2;
  yield 3;
}

// 通过Generator生成值序列
let gen = generator();
for (let num of gen) {
  console.log(num);
}

Zusätzlich zu den oben genannten integrierten iterierbaren Objekten gibt es einige andere Objekte, die ebenfalls iterierbar sind, wie z. B. TypedArray, NodeList usw. Wir können sie mit der gleichen Methode durchlaufen.

Zusammenfassung:
In JavaScript können wir verschiedene iterierbare Objekte durch for...of-Schleifen durchlaufen oder andere Iteratormethoden für den Betrieb verwenden. Wenn wir die Verwendung dieser integrierten iterierbaren Objekte beherrschen, werden wir beim Schreiben von JavaScript-Code effizienter und flexibler.

Ich hoffe, dass dieser Artikel den Lesern hilfreich sein kann. Wenn Sie Fragen oder Anregungen haben, hinterlassen Sie bitte eine Nachricht zur Diskussion. Danke!

Das obige ist der detaillierte Inhalt vonErfahren Sie, wie Sie die integrierten iterierbaren Objekte von JS effektiv nutzen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!