for of
-slinganJavaScript för av
-satsloopar genom värdena för ett itererbart objekt.
Det låter dig loopa över itererbara datastrukturer såsom Arrays, Strings, Maps, NodeLists och mer:
for (variable of iterable) {
// code block to be executed
}
variabel - För varje iteration är värdet på nästa egenskap tilldelas variabeln. Variabel kan deklareras med const
, let
eller var
.
iterable - Ett objekt som har iterable egenskaper.
För/av lades till i JavaScript 2015 (ES6)
Safari 7 var den första webbläsaren som stödde av:
Chrome 38 | Edge 12 | Firefox 51 | Safari 7 | Opera 25 |
Oct 2014 | Jul 2015 | Oct 2016 | Oct 2013 | Oct 2014 |
För/av stöds inte i Internet Explorer.
const cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x;
}
Prova själv →
<!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;
}
Prova själv →
<!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>
while
-slingan och do/while
-slingan förklaras i nästa kapitel.