JavaScript pro Of

Obsah

    Zobrazit obsah

Smyčka pro z

Příkazy for z JavaScriptu se zacyklí prostřednictvím hodnot iterovatelného objektu.

Umožňuje vám opakovat iterovatelné datové struktury jako jsou pole, řetězce, mapy, seznamy uzlů a další:

Syntax

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

proměnná - pro každou iteraci je hodnota další vlastnosti přiřazené k proměnné. Proměnnou lze deklarovat pomocí const, let nebo var.

iterovatelný - objekt, který má iterovatelné vlastnosti.

Podpora prohlížeče

Pro/z byl přidán do JavaScriptu v roce 2015 (ES6)

Safari 7 byl první prohlížeč, který podporoval:

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

Pro/z není v Internet Exploreru podporováno.

Smyčka přes pole

Příklad

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

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

Zkuste to sami →

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

Smyčka přes řetězec

Příklad

let language = "JavaScript";

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

Zkuste to sami →

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

The While Loop

Cyklus while a cyklus do/while jsou vysvětleny v další kapitole.