Загрузка...

Типы данных

Переменную вы уже видели как именную коробку. Следующий вопрос: какого рода значение лежит внутри? Эти роды — типы данных. Здесь карта для новичка и typeof, чтобы спросить у JavaScript метку типа.

Что такое типы данных и как их проверить?

Тип данных — род значения, которое хранит имя: текст, число, истина/ложь, «пока нет значения» и т. д. В этом курсе сначала string, number, boolean, undefined и null. Объекты и массивы — лишь кратко; подробности позже. Для проверки пишите typeof перед значением (или именем). Ответ — короткая строка вроде "string" или "number".

Карта типов для новичка

📊 Роды значений, которые стоит знать сначала

Род Пример Обычно typeof Заметка
Строка (текст) "Hello" "string" Текст в кавычках
Число 42 или 3.5 "number" Целое и дробное здесь один тип
Boolean true / false "boolean" Вкл/выкл; позже для условий
Undefined имя без значения "undefined" Объявлено, но не присвоено
Null null "object" (странность) Пусто намеренно; typeof путает — запомните quirk
Объект / массив (превью) { } / [1, 2] "object" Группы значений; детали позже

Строковые значения

Текст в кавычках. typeof даёт "string".

Строка и typeof

javascript 
let label = "JavaScript";
console.log(label);
console.log(typeof label);

Числовые значения

Целые и дробные для новичка — один тип number. Отдельный «тип целого» здесь не нужен.

Число и typeof

javascript 
let score = 42;
console.log(score);
console.log(typeof score);

Значения boolean

true и false — свой тип; позже пригодятся в условиях. Это ключевые слова, не строки "true".

Boolean и typeof

javascript 
let ready = true;
console.log(ready);
console.log(typeof ready);

Undefined — значения ещё нет

Если объявили через let и не присвоили, значение — undefined. typeof вернёт "undefined".

Значение undefined

javascript 
let pending;
console.log(pending);
console.log(typeof pending);

Null — намеренная пустота

null значит «пусто намеренно». Странность: typeof null равен "object" — старый quirk. Считайте null пустым и запомните эту метку.

null и quirk typeof

javascript 
let empty = null;
console.log(empty);
console.log(typeof empty);

Проверить несколько значений

Логируйте значение и typeof. "10" (в кавычках) — строка, 10 — число.

Несколько проверок typeof

javascript 
console.log(typeof "10");
console.log(typeof 10);
console.log(typeof false);
console.log(typeof undefined);
console.log(typeof null);

Показать метку типа на странице

Сохраните значение, прочитайте typeof, выведите метку через textContent.

Страница показывает typeof значения

html 
<!DOCTYPE html>
<html>
<head>
<title>Data Types — typeof on page</title>
</head>
<body>
<p id="out">…</p>
<script>
let sample = "W3Learn";
let kind = typeof sample;
document.getElementById("out").textContent = "Type: " + kind;
</script>
</body>
</html>

Абзац показывает Type: string, потому что в sample текст. Смените sample на число или true, обновите — метка изменится.

Попробуйте сами

  1. let с названием города в кавычках; залогируйте значение и typeof.
  2. Присвойте число без кавычек; ждите "number".
  3. Присвойте true или false; подтвердите "boolean".
  4. let x; без присвоения; посмотрите typeof x.
  5. Присвойте null; отметьте quirk "object".
  6. В HTML-демо меняйте только sample и обновляйте страницу.

Частые ошибки

  • Писать let n = "42"; и ждать числовой арифметики — кавычки делают строку
  • Пугаться typeof null === "object" — quirk, ещё не глубокий урок про объекты
  • Считать слова string или number именами переменных, которые нужно объявлять
  • Забывать typeof, когда значения в консоли «похожи», а ведут себя по-разному
  • Уходить в массивы/объекты до следующих уроков — этой карты пока достаточно

Кратко

  • Типы данных — роды значений, которые может хранить переменная
  • Карта новичка: string, number, boolean, undefined, null (плюс короткое превью объекта/массива)
  • typeof возвращает метку типа строкой
  • typeof null — "object"; запомните quirk
  • Дальше: Числа — подробнее о числовых значениях

🧠 Проверьте Свои Знания

Готов к Началу

Проверьте Свои Знания

Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему

❓
8
Вопросы
🎯
70%
Для Прохождения
♾️
∞
Время
🔄
∞
Попытки

📝 Инструкции

  • Внимательно прочитайте каждый вопрос
  • Выберите лучший ответ на каждый вопрос
  • Вы можете пересдавать тест столько раз, сколько захотите
  • Ваш прогресс будет показан вверху
Тема 8 из 13
Javascript Урок