«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript
site.komp36.ru Создание сайтов. Твой сайт фотографа Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Продающий лендинг «Установка и продажа окон» Установка и продажа окон, установка дверей, перегородок. Одностраничный продающий сайт. Заявки прямо с сайта
site.komp36.ru Универсальный лендинг. Любая тема сайта - 4900 руб. Лендинг адаптируется под любую тему: ремонт, отделка, продажа окон, дверей, лестниц, мебели и многое другое
site.komp36.ru Создание сайтов. Сайт сервисного центра. Сайт компании. Новости и отзывы. Несколько прайс-листов – под каждый отдельная страница. Возможность размещения статей


Игра «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих



Циклы, как и условия - еще одно из важнейших понятий в программировании.

Циклы нужны для того, чтобы автоматизировать выполнение однотипных действий. Это значительно облегчает многие задачи.

Напомним, что в практическом задании №1 мы задавали пользователю два раза одни и те же вопросы. Циклы позволяют избавиться от повторения подобных действий.

Примеры циклов из реальной жизни.

В JavaScript существует три способа реализации циклов.



Цикл while

Цикл while (в перев. пока) - первый способ реализации циклов в JavaScript. И это самый простой цикл.

Пример 1.1

let num = 50;

while (num < 55) { /* Пока  num < 55 --> Выполняется действие */
    console.log(num);
    num++;
}

Результат


50
51
52
53
54

Это пример простейшего цикла. Условие в круглых скобках звучит так: пока переменная num меньше 55 (определенного значения), выполняется действие в фигурных скобках: вывод переменной num в консоль и далее ее инкремент (увеличение на единицу).

Цикл while - Вторая форма записи

Существует иная форма записи цикла while, при которой сначала предлагается выполнить действие, после чего проверить условие.

Вторая форма записи цикла while имеет другой синтаксис.

Пример 2.1

let num = 50;

do {
    console.log(num);
    num++;
}
while (num < 55);

Результат


50
51
52
53
54

Здесь используется ключевое слово do (делать/сделать) - делаем действие, пока выполняется условие.

Цикл for

Цикл for - это третий и наиболее часто используемый способ реализации циклов в JavaScript.

Пример 3.1

for (let i = 1; i < 8; i++) {
    console.log(i);
}

Результат


1
2
3
4
5
6
7

Условие цикла for (в круглых скобках) как правило состоит из трех аргументов:

- сначала создается переменная i равная 0 или 1 (не обязательное, но часто используемое значение);

- второй аргумент цикла for - это условие, при котором цикл завершает свою работу. В данном примере пока переменная i меньше 8 i < 8 - цикл будет работать;

- третий аргумент цикла for - это шаг цикла, то есть что будет происходить в новом цикле. Чаще всего на практике используется инкремент (таким образом, новый цикл начинается с нового значения переменной i).

В фигурных скобках указывается выполняемое действие.

Пример 3.2

let num = 50;

for (let i = 1; i < 8; i++) {
    console.log(num);
    num++;
}

Результат


50
51
52
53
54
55
56

Со временем Вы оцените достоинства применения циклов. Например, именно циклы позволяют добавить десятки и сотни товаров в каталог интернет-магазина при помощи одного небольшого скрипта.

Как прервать цикл - break

Иногда возникает потребность прервать цикл: закончить выполнять действие при определенных условиях. Для этого используется ключевое слово break. Рассмотрим пример.

Пример 3.3

for (let i = 1; i < 10; i++) {
    if (i === 6) {
        break;   /* Остановка цикла, если i === 6 */
    }
    console.log(i);
}

Результат


1
2
3
4
5

Оператор continue

Оператор continue позволяет частично прервать цикл: с его помощью мы можем пропустить не нужный шаг.

Пример 3.4

for (let i = 1; i < 10; i++) {
    if (i === 6){
        continue;
    }
    console.log(i);
}

Результат


1
2
3
4
5
7
8
9

При i === 6 цикл прерывается, но возобновляется при следующем значении. На практике это бывает полезным.

Итак, здесь мы рассмотрели три вида циклов, которые встречаются в JavaScript.

Не стоит путать циклы с методами перебора, о которых речь пойдет позже.

Читайте также...

site.komp36.ruТвой сайт фотографа. Создание сайтов Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Акция Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Акция Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта

Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Рунет - Часть 2
Циклы while и for - Операторы break и continue
861
Условия if else - Конструкция switch case - Тернарный оператор
617
Практика часть 2 – Циклы и Условия
4279
Объявление функций – Стрелочные функции ES6
1017
Методы и свойства строк и чисел - Метод substr - Индекс строки
490
Практика часть 3 - Используем функции
1362
Что такое callback-функция - Аргумент другой функции
2031
Свойства и методы объектов - Деструктуризация объектов ES6
2735
Методы массивов - Перебор элементов массива - Псевдомассивы
2049
Передача данных по ссылке и по значению – Клонирование объекта
458
Метод assign() – Копирование исходных объектов в целевой объект
473
Копирование массивов - Оператор spread
1181
Прототипное Программирование - Прототип и Экземпляр Объекта
460
Свойство proto - Методы Object.create и Object.setPrototypeOf
684
Практика часть 4 - Используем функции как методы объекта
10782
Тематические публикации
site.komp36.ru Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта
Популярные заметки
Последние заметки