JS Tower
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

Проверь себя

  1. Какой тип у значения "123"?
  2. Что вернёт typeof true?
  3. Как вставить переменную в строку?
  4. Что такое NaN?