JavaScript для Of

Оглавление

    Показать оглавление

Цикл for of

Циклы операторов JavaScript for of через значения итерируемого объекта.

Он позволяет перебирать повторяемые структуры данных. такие как массивы, строки, карты, списки узлов и т. д.:

Синтаксис

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

переменная — для каждой итерации значение следующего свойства равно присвоено переменной. Переменная может быть объявлена с помощью const, let или var.

iterable — объект, имеющий повторяемые свойства.

Поддержка браузера

For/of был добавлен в JavaScript в 2015 году (ES6).

Safari 7 был первым браузером, поддерживающим:

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

For/of не поддерживается в Internet Explorer.

Цикл по массиву

Пример

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

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

Попробуйте сами →

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

Попробуйте сами →

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

Цикл while и цикл do/ while описаны в следующей главе.