Logo
Книга для начинающих
ВходРегистрация
/
Программирование
/
Курс JavaScript
/

Типы данных

JavaScript: Типы данных

Программы работают с разной информацией: текстом, числами, датами, логическими значениями. У каждого значения в программе есть тип.

Например:

  • 'Hello, World!' является строкой (string);
  • 7, -198, 0, 3.14 являются числами (number);
  • true и false являются логическими значениями (boolean).

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

Тип данных определяет:

  • какие значения к нему относятся;
  • какие операции с ним можно делать.

Например, числа можно складывать, делить и умножать. А строки складываются по-другому — при помощи конкатенации. Умножать строку на строку бессмысленно:

// Бессмыслица: 'мама' * 'блокнот'

Числа и строки относятся к разным типам

Пример вывода числа:

console.log(5);  // => 5
console.log(-5); // => -5

Пример вывода строки:

console.log('5');  // => 5
console.log('-5'); // => -5

На экране результат выглядит одинаково, но внутри программы это совершенно разные вещи:

ЗначениеТип данных
5number (число)
'5'string (строка)

Числа в JavaScript

Во многих языках целые и дробные числа — это разные типы (например, в Python это int и float). В JavaScript такого деления нет: и целые, и дробные числа относятся к одному типу — number.

console.log(10.234);     // => 10.234
console.log(-0.4);       // => -0.4

console.log(3.5 + 1.2);  // => 4.7
console.log(5 / 2);      // => 2.5
console.log(2.75 - 0.5); // => 2.25

Примитивные типы

Типы вроде string, number, boolean называются примитивными — они встроены прямо в язык.

Примитивные типы JavaScript
├── number    : числа (целые и дробные)  (7, -3, 3.14)
├── string    : строки                   ('hello')
├── boolean   : логический тип           (true, false)
├── null      : намеренное отсутствие значения
└── undefined : значение не задано

Кроме строк и чисел, в JavaScript есть логический тип boolean со значениями true и false, а также специальные значения null и undefined. Подробнее мы столкнёмся с ними в будущем.

Как узнать тип значения

Оператор typeof возвращает тип в виде строки:

console.log(typeof 42);        // => 'number'
console.log(typeof 'hello');   // => 'string'
console.log(typeof true);      // => 'boolean'
console.log(typeof undefined); // => 'undefined'
console.log(typeof null);      // => 'object'  (историческая ошибка JS)

Существуют и составные типы — массивы, объекты и другие. С ними мы познакомимся позже. Более того, в JavaScript можно создавать и свои собственные типы (например, классы), но для начала важно хорошо разобраться с примитивами.

Задание

В программе уже задан текущий год:

const currentYear = 2026;

Напишите программу, которая выводит данные профиля в таком формате:

Name: Anna
Birth year: 1994
Age: 32
Rating: 4.7

Для этого:

  • создайте переменную с годом рождения;
  • вычислите возраст на основе текущего года;
  • выведите данные на экран с подписями слева.
Коммерческий опыт и Трудоустройство

Полезное

  • Литерал

  • Статья о дробных числах

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются
/
Программирование
/
Курс JavaScript
/

Типы данных

JavaScript: Типы данных

Программы работают с разной информацией: текстом, числами, датами, логическими значениями. У каждого значения в программе есть тип.

Например:

  • 'Hello, World!' является строкой (string);
  • 7, -198, 0, 3.14 являются числами (number);
  • true и false являются логическими значениями (boolean).

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

Тип данных определяет:

  • какие значения к нему относятся;
  • какие операции с ним можно делать.

Например, числа можно складывать, делить и умножать. А строки складываются по-другому — при помощи конкатенации. Умножать строку на строку бессмысленно:

// Бессмыслица: 'мама' * 'блокнот'

Числа и строки относятся к разным типам

Пример вывода числа:

console.log(5);  // => 5
console.log(-5); // => -5

Пример вывода строки:

console.log('5');  // => 5
console.log('-5'); // => -5

На экране результат выглядит одинаково, но внутри программы это совершенно разные вещи:

ЗначениеТип данных
5number (число)
'5'string (строка)

Числа в JavaScript

Во многих языках целые и дробные числа — это разные типы (например, в Python это int и float). В JavaScript такого деления нет: и целые, и дробные числа относятся к одному типу — number.

console.log(10.234);     // => 10.234
console.log(-0.4);       // => -0.4

console.log(3.5 + 1.2);  // => 4.7
console.log(5 / 2);      // => 2.5
console.log(2.75 - 0.5); // => 2.25

Примитивные типы

Типы вроде string, number, boolean называются примитивными — они встроены прямо в язык.

Примитивные типы JavaScript
├── number    : числа (целые и дробные)  (7, -3, 3.14)
├── string    : строки                   ('hello')
├── boolean   : логический тип           (true, false)
├── null      : намеренное отсутствие значения
└── undefined : значение не задано

Кроме строк и чисел, в JavaScript есть логический тип boolean со значениями true и false, а также специальные значения null и undefined. Подробнее мы столкнёмся с ними в будущем.

Как узнать тип значения

Оператор typeof возвращает тип в виде строки:

console.log(typeof 42);        // => 'number'
console.log(typeof 'hello');   // => 'string'
console.log(typeof true);      // => 'boolean'
console.log(typeof undefined); // => 'undefined'
console.log(typeof null);      // => 'object'  (историческая ошибка JS)

Существуют и составные типы — массивы, объекты и другие. С ними мы познакомимся позже. Более того, в JavaScript можно создавать и свои собственные типы (например, классы), но для начала важно хорошо разобраться с примитивами.

Задание

В программе уже задан текущий год:

const currentYear = 2026;

Напишите программу, которая выводит данные профиля в таком формате:

Name: Anna
Birth year: 1994
Age: 32
Rating: 4.7

Для этого:

  • создайте переменную с годом рождения;
  • вычислите возраст на основе текущего года;
  • выведите данные на экран с подписями слева.
Коммерческий опыт и Трудоустройство

Полезное

  • Литерал

  • Статья о дробных числах

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются
← ПредыдущийСледующий →
← ПредыдущийСледующий →
← ПредыдущийСледующий →

Ваше упражнение проверяется по этим тестам

// @ts-check

import { expect, test, vi } from 'vitest';

test('hello world', async () => {
  const consoleLogSpy = vi.spyOn(console, 'log').mockImplementation(() => {});
  await import('./index.js');

  const firstArg = consoleLogSpy.mock.calls.join('\n');

  expect(firstArg).toBe('Name: Anna\nBirth year: 1994\nAge: 32\nRating: 4.7');
});
← ПредыдущийСледующий →

Решение учителя откроется через:

20:00

waiting_clock
← ПредыдущийСледующий →