Учебник по JS

ГЛАВНАЯ JS Введение JS Куда Вывод JS Заявления JS JS-синтаксис JS-комментарии JS-переменные JS Пусть Константа JS JS-операторы JS-арифметика Назначение JS JS-типы данных JS-функции JS-объекты JS-события JS-строки Строковые методы JS Поиск строки JS Шаблоны строк JS JS-номера Методы номеров JS JS-массивы Методы массива JS Сортировка массива JS Итерация массива JS Константа массива JS JS-даты Форматы даты JS Методы получения даты JS Методы установки даты JS JS-математика JS Случайный JS Булевы значения Сравнение JS JS-условия JS-переключатель JS цикл для Цикл JS для входа Цикл JS для Цикл JS во время Перерыв JS JS-итерации JS-наборы JS-карты JS Typeof Преобразование типов JS JS побитовый JS регулярное выражение JS-ошибки Область JS JS-подъем Строгий режим JS JS это ключевое слово Функция стрелки JS JS-классы JS JSON JS-отладка Руководство по стилю JS Лучшие практики JS JS-ошибки JS-производительность Зарезервированные слова JS

JS-версии

JS-версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/пограничный История JS

JS-объекты

Определения объектов Свойства объекта Методы объекта Отображение объекта Средства доступа к объектам Конструкторы объектов Прототипы объектов Итерации объектов Наборы объектов Карты объектов Ссылка на объект

JS-функции

Определения функций Параметры функции Вызов функции Вызов функции Функция Применить Закрытие функций

JS-классы

Введение в класс Наследование классов Статический класс

JS асинхронный

Обратные вызовы JS JS асинхронный JS-обещания JS асинхронный/ожидание

JS HTML DOM

Дом Введение DOM-методы Документ DOM DOM-элементы DOM HTML DOM-формы ДОМ CSS DOM-анимации События ДОМ Слушатель событий DOM DOM-навигация DOM-узлы Коллекции DOM Списки узлов DOM

Спецификация браузера JS

JS-окно JS-экран Местоположение JS История JS JS-навигатор Всплывающее оповещение JS JS Тайминг JS-куки

JS-веб-API

Введение в веб-API API веб-форм API истории веб-поиска API веб-хранилища API веб-работника API веб-выборки API веб-геолокации

JS АЯКС

Введение в АЯКС AJAX XMLHttp АЯКС-запрос AJAX-ответ XML-файл AJAX АЯКС PHP АЯКС АСП База данных AJAX AJAX-приложения Примеры AJAX

JS JSON

Введение в JSON Синтаксис JSON JSON против XML Типы данных JSON Анализ JSON Строковая JSON JSON-объекты JSON-массивы JSON-сервер JSON PHP JSON HTML JSON JSONP

JS против JQuery

Селекторы jQuery JQuery HTML jQuery CSS JQuery DOM

JS-графика

JS-графика JS Холст JS сюжет JS Chart.js JS Google Диаграмма JS D3.js

JS-примеры

JS-примеры JS HTML DOM JS HTML-ввод HTML-объекты JS HTML-события JS JS-браузер JS-редактор JS-упражнения JS-викторина JS-сертификат

JS-ссылки

Объекты JavaScript HTML DOM-объекты


JavaScript во время цикла


Циклы могут выполнять блок кода, пока заданное условие истинно.


Пока цикл

Цикл whileпроходит через блок кода до тех пор, пока заданное условие истинно.

Синтаксис

while (condition) {
  // code block to be executed
}

Пример

В следующем примере код в цикле будет выполняться снова и снова, пока переменная (i) меньше 10:

Пример

while (i < 10) {
  text += "The number is " + i;
  i++;
}

Если вы забудете увеличить переменную, используемую в условии, цикл никогда не закончится. Это приведет к сбою вашего браузера.


Цикл «Делай пока»

Цикл do while— это разновидность цикла while. Этот цикл выполнит блок кода один раз перед проверкой истинности условия, затем цикл будет повторяться до тех пор, пока условие истинно.

Синтаксис

do {
  // code block to be executed
}
while (condition);

Пример

В приведенном ниже примере используется do whileцикл. Цикл всегда будет выполняться хотя бы один раз, даже если условие ложно, потому что блок кода выполняется до проверки условия:

Пример

do {
  text += "The number is " + i;
  i++;
}
while (i < 10);

Не забудьте увеличить переменную, используемую в условии, иначе цикл никогда не закончится!



Сравнение «за» и «пока»

Если вы читали предыдущую главу о цикле for, то обнаружите, что цикл while во многом аналогичен циклу for, но операторы 1 и 3 опущены.

Цикл в этом примере использует forцикл для сбора названий автомобилей из массива cars:

Пример

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";

for (;cars[i];) {
  text += cars[i];
  i++;
}

Цикл в этом примере использует whileцикл для сбора названий автомобилей из массива cars:

Пример

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";

while (cars[i]) {
  text += cars[i];
  i++;
}

Проверьте себя с помощью упражнений

Упражнение:

Создайте цикл, который работает до тех пор, iпока меньше 10.

let i = 0;
 (i  10) {
  console.log(i);
  i++
}