JavaScript-Iterables


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen

Iterables sind iterierbare Objekte (wie Arrays).

Auf Iterables kann mit einfachem und effizientem Code zugegriffen werden.

Iterables können mit for..of-Schleifen iteriert werden

Die For-Of-Schleife

Die JavaScript-Anweisung for..of führt eine Schleife aus durch die Elemente eines iterierbaren Objekts.

Syntax

for (variable of iterable) {
  // code block to be executed
}

Iterieren

Iterieren ist leicht zu verstehen.

Es bedeutet einfach, eine Folge von Elementen zu durchlaufen.

Hier sind einige einfache Beispiele:

  • Iterieren über einen String

  • Iterieren über ein Array


Iterieren über einen String

Sie können eine for..of-Schleife verwenden, um die Elemente einer Zeichenfolge zu durchlaufen:

Beispiel

const name = "W3Schools";

for (const x of name) {
  // code block to be executed
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Iterables</h2>
<p>Iterate over a String:</p>

<p id="demo"></p>

<script>
// Create a String
const name = "W3Schools";

// List all Elements
let text = ""
for (const x of name) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>

Iterieren über ein Array

Sie können eine for..of-Schleife verwenden, um die Elemente eines Arrays zu durchlaufen:

Beispiel

const letters = ["a","b","c"];

for (const x of letters) {
  // code block to be executed
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Iterables</h2>
<p>Iterate over an Array:</p>

<p id="demo"></p>

<script>
// Create aa Array
const letters = ["a","b","c"];

// List all Elements
let text = "";
for (const x of letters) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>

Weitere Details zu Iterables erfahren Sie im Kapitel JS Object Iterables.



Iterieren über einen Satz

Sie können eine for..of-Schleife verwenden, um die Elemente eines Sets zu durchlaufen:

Beispiel

const letters = new Set(["a","b","c"]);

for (const x of letters) {
  // code block to be executed
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Iterables</h2>
<p>Iterate over a Set:</p>

<p id="demo"></p>

<script>
// Create a Set
const letters = new Set(["a","b","c"]);

// List all Elements
let text = "";
for (const x of letters) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>

Sets und Karten werden in den nächsten Kapiteln behandelt.

Iterieren über eine Karte

Sie können eine for..of-Schleife verwenden, um die Elemente einer Map zu durchlaufen:

Beispiel

const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

for (const x of fruits) {
  // code block to be executed
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Iterables</h2>
<p>Iterate over a Map:</p>

<p id="demo"></p>

<script>
// Create a Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

// List all entries
let text = "";
for (const x of fruits) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>