JavaScript & TypeScriptМодуль 1: Базовый синтаксис
Типы данных
Какие виды данных существуют в JavaScript
Цель урока
В этом уроке ты научишься:
- Различать типы данных в JavaScript
- Работать с числами, строками и логическими значениями
- Проверять тип данных с помощью
typeof
Что такое тип данных
Тип данных — это категория значения. JavaScript автоматически определяет тип по значению:
let age = 25; // число
let name = "Иван"; // строка
let isActive = true; // логическое значениеОсновные типы данных
Числа (number)
Любые числа: целые и дробные.
let integer = 42; // целое число
let decimal = 3.14; // дробное число
let negative = -10; // отрицательное числоМатематические операции:
console.log(5 + 3); // 8
console.log(10 - 4); // 6
console.log(3 * 4); // 12
console.log(15 / 3); // 5Строки (string)
Текст в кавычках. Можно использовать одинарные, двойные или обратные кавычки.
let single = 'Привет';
let double = "Мир";
let backtick = `Привет, Мир!`;Обратные кавычки позволяют вставлять переменные:
let name = "Иван";
let greeting = `Привет, ${name}!`;
console.log(greeting); // Привет, Иван!Объединение строк:
let firstName = "Иван";
let lastName = "Петров";
// Через +
let fullName = firstName + " " + lastName;
console.log(fullName); // Иван Петров
// Через шаблон (рекомендуется)
let fullName2 = `${firstName} ${lastName}`;
console.log(fullName2); // Иван ПетровЛогический тип (boolean)
Только два значения: true (да) или false (нет).
let isLoggedIn = true;
let hasAccess = false;
console.log(5 > 3); // true
console.log(5 < 3); // false
console.log(5 === 5); // trueСпециальные значения
null — намеренно пустое значение:
let user = null; // пользователь не выбранundefined — значение не задано:
let value;
console.log(value); // undefinedПроверка типа: typeof
Оператор typeof показывает тип значения:
console.log(typeof 42); // "number"
console.log(typeof "Привет"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" (особенность языка)Преобразование типов
В строку
let num = 123;
let str = String(num);
console.log(str); // "123"
console.log(typeof str); // "string"В число
let str = "456";
let num = Number(str);
console.log(num); // 456
console.log(typeof num); // "number"
// Если строка не число
console.log(Number("abc")); // NaN (Not a Number)В логическое значение
// Становятся false:
console.log(Boolean(0)); // false
console.log(Boolean("")); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
// Всё остальное — true:
console.log(Boolean(1)); // true
console.log(Boolean("текст")); // true
console.log(Boolean([])); // trueИтого
| Тип | Пример | typeof |
|---|---|---|
| Число | 42, 3.14 | "number" |
| Строка | "Привет" | "string" |
| Логический | true, false | "boolean" |
| Пустое значение | null | "object" |
| Не задано | undefined | "undefined" |
Практика
Задание 1: Типы данных
Задача: Создай переменные разных типов и выведи их типы.
Запустите код для проверки
Loading...
Ваш вывод:
Ожидаемый результат:
number string boolean
Задание 2: Шаблонные строки
Задача: Используя шаблонную строку, выведи "Мне 25 лет".
Запустите код для проверки
Loading...
Ваш вывод:
Ожидаемый результат:
Мне 25 лет
Задание 3: Преобразование типов
Задача: Преобразуй строку "100" в число и выведи результат сложения с 50.
Запустите код для проверки
Loading...
Ваш вывод:
Ожидаемый результат:
150
Задание 4: Сравнение
Задача: Проверь, больше ли 10 чем 5, и выведи результат.
Запустите код для проверки
Loading...
Ваш вывод:
Ожидаемый результат:
true
Проверь себя
- Какой тип у значения
"123"? - Что вернёт
typeof true? - Как вставить переменную в строку?
- Что такое
NaN?