Базовый курс JavaScript
-
1) console.log(), Переменные
-
2) Типы данных, Операторы
-
3) Условные конструкции
-
4) Объекты, массивы
-
5) Циклы
-
6) Функции. Диалоговые окна
-
7) Результат функции. Стрелочная фукция
-
8) callback, find, filter
-
9) Введение в методы и свойства
-
10) Методы строк и чисел
-
11) Методы массивов
-
12) Работа с DOM
-
13) Элементы,HTMLCollection и NodeList
-
14) Создание, добавление, замена и удаление элементов. Управление атрибутами элементов. Свойство className
-
15) addEventListener()
-
16) window, event
-
17) Работа с формами
-
18) Таймеры. this
-
JSON
-
19) Обработка ошибок
-
20) JSON, Promise, async и await
-
21) callBack()
-
22) fetch
-
7) Взаимодействие с DOM (Document Object Model)
-
23) LocalStorage, sessionStorage
3) Условные конструкции
Условные выражения
Операции сравнения
Операторы сравнения сравнивают два значения и возвращают значение true или false:
==
Оператор равенства сравнивает два значения, и если они равны, возвращает true, иначе возвращает false:x == 5===
Оператор тождественности также сравнивает два значения и их тип, и если они равны, возвращает true, иначе возвращает false:x === 5!=
Сравнивает два значения, и если они не равны, возвращает true, иначе возвращает false:x != 5!==
Сравнивает два значения и их типы, и если они не равны, возвращает true, иначе возвращает false:x !== 5>
Сравнивает два значения, и если первое больше второго, то возвращает true, иначе возвращает false:x > 5<
Сравнивает два значения, и если первое меньше второго, то возвращает true, иначе возвращает false:x < 5>=
Сравнивает два значения, и если первое больше или равно второму, то возвращает true, иначе возвращает false:x >= 5<=
Сравнивает два значения, и если первое меньше или равно второму, то возвращает true, иначе возвращает false:x <= 5
Логические операции
Логическое И
Операция && возвращает true, если оба операнда возвращают true, иначе возвращает false:
console.log(true && true); // true
console.log(true && false); // false
console.log(false && false); // false
Логическое ИЛИ
Операция || возвращает true, если хотя бы один из операндов равен true, иначе операция || возвращает false:
console.log(true || true); // true
console.log(true || false); // true
console.log(false || false); // false
Логическое ИЛИ
Операция || возвращает true, если хотя бы один из операндов равен true, иначе операция || возвращает false:
console.log(!true); // false
console.log(!false); // true
const isAlive = true;
const isDead = !isAlive;
console.log(isDead); // false
Условные конструкции
Условные конструкции позволяют выполнить те или иные действия в зависимости от определенных условий.
Конструкция if..else
Конструкция if..else проверяет некоторое условие и если это условие верно, то выполняет некоторые действия. Простейшая форма конструкции if..else:
if(условие){
некоторые действия
}
После ключевого слова if в круглых скобках идет условие, а после условия — блок кода с некоторыми действиями. Если это условие истинно, то затем выполняются действия, которые помещены в блоке кода
const income = 100;
if(income > 50) {
console.log("доход больше 50");
}
Выражение else
Выше мы рассмотрели, как определить действия, которые выполняются, если условие после if истинно. Но что, если мы хотим также выполнять еще один набор инструкций, если условие ложно? В этом случае можно использовать блок else. Данный блок содержит инструкции, которые выполняются, если условие после if ложно, то есть равно false:
if(условие){
действия, если условие истинно
}
else{
действия, если условие ложно
}
const income = 45;
if(income > 50){
console.log("Доход больше 50");
}
else{
console.log("Доход меньше или равен 50");
}
Альтернативные условия и else if
С помощью конструкции else if мы можем добавить альтернативное условие к блоку if. Например, выше в условие значение income может быть больше определенном значению может быть меньше, а может быть равно ему. Отразим это в коде:
const income = 50;
if(income > 50) {
console.log("Доход больше 50");
}
else if(income === 50){
console.log("Доход равен 50");
}
else{
console.log("Доход меньше 50");
}
Домашняя работа
Задача 1: Проверка возраста
Напиши функцию checkAge, которая принимает число (возраст) и возвращает строку:
- Если возраст меньше 18, то «Доступ запрещен».
- Если возраст от 18 до 60, то «Доступ разрешен».
- Если возраст больше 60, то «Рекомендуем отдых».
Задача 2: Проверка чётности
Создай переменную number и присвой ей значение. Используя условную конструкцию if, проверь, является ли число чётным. Если да, выведи true, иначе — false.
Задача 3: Проверка логина
Создай переменную login и присвой ей значение. Используя условные конструкции, выведи в консоль:
- Если логин равен «admin», выведи: «Привет, администратор!».
- Если логин равен «user», выведи: «Привет, пользователь!».
- Если логин пустой, выведи: «Введите логин».
- В остальных случаях выведи: «Неверный логин».