JavaScript For Af

Indholdsfortegnelse

    Vis indholdsfortegnelse

for of-løkken

JavaScript for af sætningsløkker gennem værdierne af et iterabelt objekt.

Det lader dig sløjfe over iterable datastrukturer såsom Arrays, Strings, Maps, NodeLists og mere:

Syntaks

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

variabel - For hver iteration er værdien af den næste egenskab tildelt variablen. Variabel kan erklæres med const, let eller var.

iterable - Et objekt, der har iterable egenskaber.

Browser support

For/af blev tilføjet til JavaScript i 2015 (ES6)

Safari 7 var den første browser, der understøttede:

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

For/af understøttes ikke i Internet Explorer.

Sløjfe over et array

Eksempel

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

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

Prøv det selv →

<!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>

Sløjfe over en streng

Eksempel

let language = "JavaScript";

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

Prøv det selv →

<!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>

Mens-løkken

while-løkken og do/while-løkken er forklaret i næste kapitel.