JavaScript für Of


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Die for of-Schleife

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

Damit können Sie iterierbare Datenstrukturen durchlaufen wie Arrays, Strings, Maps, NodeLists und mehr:

Syntax

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

Variable - Für jede Iteration ist der Wert der nächsten Eigenschaft der Variablen zugewiesen. Variable kann mit deklariert werden const, let oder var.

iterierbar - Ein Objekt mit iterierbaren Eigenschaften.


Browser-Unterstützung

For/of wurde 2015 zu JavaScript hinzugefügt (ES6)

Safari 7 war der erste Browser, der Folgendes unterstützte:

Chrome 38 Edge 12 Firefox 51 Safari 7 Opera 25
Oct 2014 Jul 2015 Oct 2016 Oct 2013 Oct 2014

Für/von wird im Internet Explorer nicht unterstützt.


Schleife über ein Array

Beispiel

const cars = ["BMW", "Volvo", "Mini"];

let text = "";
for (let x of cars) {
  text += x;
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Of Loop</h2>
<p>The for of statement loops through the values of any iterable object:</p>

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

<script>
const cars = ["BMW", "Volvo", "Mini"];

let text = "";
for (let x of cars) {
  text += x + "<br>";
}

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

</body>
</html>

Schleife über einen String

Beispiel

let language = "JavaScript";

let text = "";
for (let x of language) {
  text += x;
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Of Loop</h2>

<p>The for of statement loops through the values of an iterable object.</p>

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

<script>
let language = "JavaScript";

let text = "";
for (let x of language) {
  text += x + "<br>";
}

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

</body>
</html>

Die While-Schleife

Die while-Schleife und die do/while-Schleife werden im nächsten Kapitel erläutert.