for of
-SchleifeDie 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:
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.
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.
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>
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 und die do/while
-Schleife werden im nächsten Kapitel erläutert.