Презентация на тему "Введение в JavaScript" Часть 2

Инкремент и декремент

Наиболее частой операцей в JavaScript, как и в других ЯП, является увеличение или уменьшение переменной на единицу.

Инкремент ++ увеличивает на 1:

let counter = 2;

counter++; // работает как counter = counter + 1, просто запись короче

alert( counter ); // 3

Инкремент и декремент

Декремент -- уменьшает на 1:

let counter = 2;

counter--; // работает как counter = counter - 1, просто запись короче

alert( counter ); // 1

Инкремент и декремент

Важно:

Инкремент/декремент можно применить только к переменной. Попытка использовать его на значении, типа 5++, приведёт к ошибке.

Операторы ++ и -- могут быть расположены не только после, но и до переменной.

• Когда оператор идёт после переменной – это «постфиксная форма»: counter++.
• «Префиксная форма» – это когда оператор идёт перед переменной: ++counter.

Постфиксная форма

let counter = 1;

let a = counter++; // (*) меняем ++counter на counter++

alert(a); // 1

Префиксная форма

let counter = 1;

let a = ++counter; // (*)

alert(a); // 2

Постфиксная и префиксная форма

let counter = 0;

counter++;

++counter;

alert( counter ); // 2, обе строки сделали одно и то же

Постфиксная и префиксная форма

let counter = 0;

alert( ++counter ); // 1

Постфиксная и префиксная форма

let counter = 0;

alert( counter++ ); // 0

Цикл «while»

Любое выражение или переменная может быть условием цикла, а не только сравнение: условие while вычисляется и преобразуется в логическое значение.

let i = 3;

while (i) { // когда i будет равно 0, условие станет ложным, и цикл остановится

alert( i );

i--;

}

Цикл «while»

Если тело цикла состоит лишь из одной инструкции, мы можем опустить фигурные скобки {…}:

let i = 3;

while (i) alert(i--);

Цикл «do…while»

Проверку условия можно разместить под телом цикла, используя специальный синтаксис:

do {

// тело цикла

} while (condition);

Цикл «do…while»

Например:

let i = 0;

do {

alert( i );

i++;

} while (i

Цикл «for»

Более сложный, но при этом самый распространённый цикл — цикл for.

Выглядит он так:

for (начало; условие; шаг) {

// ... тело цикла ...

}

Цикл «for»

Цикл ниже выполняет alert(i) для i от 0 до (но не включая) 3:

for (let i = 0; i

alert(i);

}

Цикл «for»

Рассмотрим конструкцию for подробней:

Цикл «for»

алгоритм работы цикла выглядит следующим образом:

Выполнить *начало*

→ (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*)

→ (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*)

→ (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*)

→ ...

Пропуск частей «for»

Любая часть for может быть пропущена.

Для примера, мы можем пропустить начало если нам ничего не нужно делать перед стартом цикла.

let i = 0; // мы уже имеем объявленную i с присвоенным значением

for (; i

alert( i ); // 0, 1, 2

}

Пропуск частей «for»

Можно убрать и шаг:

let i = 0;

for (; i

alert( i++ );

}

Это сделает цикл аналогичным while (i

Пропуск частей «for»

А можно и вообще убрать всё, получив бесконечный цикл:

for (;;) {

// будет выполняться вечно

}

При этом сами точки с запятой ; обязательно должны присутствовать, иначе будет ошибка синтаксиса.

Прерывание цикла: «break»

Обычно цикл завершается при вычислении условия в false.

Но мы можем выйти из цикла в любой момент с помощью специальной директивы break.

Прерывание цикла: «break»

следующий код подсчитывает сумму вводимых чисел до тех пор, пока посетитель их вводит, а затем – выдаёт

let sum = 0;

while (true) {

let value = +prompt("Введите число", '');

if (!value) break; // (*)

sum += value;}

alert( 'Сумма: ' + sum );

Переход к следующей итерации: continue

Директива continue – «облегчённая версия» break. При её выполнении цикл не прерывается, а переходит к следующей итерации (если условие все ещё равно true).

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

Переход к следующей итерации: continue

Например, цикл ниже использует continue, чтобы выводить только нечётные значения:

for (let i = 0; i

// если true, пропустить оставшуюся часть тела цикла

if (i % 2 == 0) continue;

alert(i); // 1, затем 3, 5, 7, 9

}

Переход к следующей итерации: continue

Директива continue позволяет избегать вложенности

Цикл, который обрабатывает только нечётные значения, мог бы выглядеть так:

for (let i = 0; i

if (i % 2) {

alert( i );

}

}

for (let i = 0; i

if (i % 2 == 0) continue;

alert(i);

}

Задания

• Вывести все четные значения от 2 до 33 используя цикл for
• Вывести все четные значения от 2 до 33 используя цикл while
• Игра “Угадай число”. Пользователь вводит значение, пока не угадает загаданное вами число
• Вычисление факториала числа