2.11M

Category:

programming

JavaScript

2.

Что мы будем изучать сегодня?
Типы переменных BigInt, symbol и object
Операторы сравнения и логические операторы
Условные операторы IF и SWITCH
Циклы WHILE и DO-WHILE
Цикл FOR

5.

Тип BigInt
В JavaScript тип number не может содержать числа
больше 253-1 или меньше -(253-1).
Был добавлен тип BigInt, позволяющий программе
работать с числами произвольной длины.

6.

Тип BigInt
Чтобы создать значение BigInt, вы должны добавить n в
конец числа:

7.

Тип symbol
Symbol - это уникальный идентификатор. Значение этого типа
можно создать с помощью Symbol():

Тип object
Тип object особенный. Все другие типы называются примитивами,
потому что их значения могут быть только простыми значениями
(будь то строка, число или что-то еще).
Object хранит коллекции данных или сложные структуры.

9.

БРАВО, теперь ты
познакомился со всеми
типами переменных JS!

10.

Операторы сравнения и
логические операторы

11.

Типы операторов

12.

Операторы сравнения
Все операторы сравнения возвращают логическое значение:
true - означает «да», «правильно», «верно».
false - означает «нет», «неправильно», «ложно».

13.

Оператор
Описание
==
такое же значение
===
то же значение и тип
!=
другое значение
!==
другое значение и тип
>
больше
<
меньше
>=
больше или равно
<=
меньше или равно

14.

Пример использования

15.

5 > 4
"2" > "12"
Как вы думаете, что будет
отображаться в консоли?
"ан" <"ана"
"ан"> "ана"
undefined == null
undefined === null

16.

Почему ?
1. Undefined и null - это равные
значения (оба ничего не
представляют), но принадлежат
к разным типам.
2. Строки сравниваются
посимвольно в
лексикографическом порядке.
3. Цифры сравниваются обычным,
всем известным способом.
5> 4 // верно
"2"> "12" // правда
"ан" <"ана" // правда
"an"> "ana" // ложь
undefined == null // правда
undefined === null // ложь

17.

Логические операторы
Логические операторы обычно используются с логическими
значениями. Однако операторы && и || фактически возвращает
значение одного из указанных операндов, поэтому, если эти
операторы используются с не-логическими значениями, они могут
возвращать не-логическое значение.
Логические операторы описаны в следующей таблице.

18.

Логические операторы
Оператор
Описание
Принцип работы
&&
AND
true && true = true
true && false = false
false && false = false
||
OR
true || true = true
true || false = true
false || false = false
!
NOT
!true = false
!false = true

19.

При написании кода:
Мы получаем:

20.

При написании кода:
Мы получаем:
1. true, потому что:
а меньше 10
b больше 1
true && true = true
1. false, потому что:
а не равно 5
b не равно 5
false || false = false
1. true, потому что:
а не равно б
!(false) = true

21.

БРАВО, теперь вы знаете
самые важные типы
операторов!

22.

Условные операторы

23.

IF
Мы используем if, чтобы указать блок кода
JavaScript, который будет выполняться, если
выполняется условие.

24.

25.

Пример использования

26.

IF ELSE
Мы используем if, чтобы указать блок кода
JavaScript, который будет выполняться, если
выполняется условие. Мы используем else, чтобы
указать блок кода, который будет выполняться,
если условие не выполняется.

27.

IF ELSE

28.

Пример использования

29.

Что мы делаем, когда
хотим указать больше
условий IF?

30.

МЫ ИСПОЛЬЗУЕМ, IF ELSE IF
if (condition_1) {
// statments
} else if (condition_2) {
// statments
} else {
// statments
}

31.

Пример использования

32.

ЗАДАЧА
Измените предыдущий код
так, чтобы, когда время
больше 21:00, в консоли
отображалось сообщение
«Спокойной ночи».

33.

SWITCH
Мы используем switch для формирования сложных
условных структур.

34.

Каждый case в switch выполняет
соответствующее объявление
(statement_1, statement_2, ...),
равно значению (value_1, value_2,
...).
Слово break заставляет выполнение
выпрыгивать из switch.
Если выражение не соответствует ни
одному значению, будет выполнен
default_statement. Он ведет себя как
блок else в if-else.

35.

Синтаксис SWITCH
switch (expression) {
case value_1:
statement_1;
break;
case value_2:
statement_2;
break;
case value_3:
statement_3;
break;
default:
default_statement;
}

36.

Пример использования

37.

ЗАДАЧА
Измените предыдущий код,
чтобы в switch присутствовал
каждый день недели.

38.

Циклы

39.

Цикл WHILE
Оператор while создает цикл, который выполняет
блок кода до тех пор, пока условие проверки true.

40.

Цикл WHILE

41.

Синтаксис цикла WHILE
while (expression) {
// statement
}

42.

Пример использования

43.

ЗАДАЧА
Измените предыдущий код,
чтобы в консоли
отображались только четные
числа, которые меньше 10.

44.

Цикл DO-WHILE
do-while создает цикл, который выполняет блок
кода до тех пор, пока условие теста не будет
оценено как false.

45.

Цикл DO-WHILE

46.

Синтаксис цикла DO-WHILE
do {
statement(s);
} while(expression);

47.

Пример использования

48.

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