• stackdev.blog articles

    Василий Муравьев

  • Мои Курсы8
  • Youtube
  • Telegram
  • Контакты

Типы данных в JavaScript (8 типов + примеры)

Дата: 10.06.2023
Javascript

Типы данных являются основой программирования в JavaScript, позволяя нам хранить и манипулировать различными значениями. В этом тексте мы рассмотрим 8 основных типов данных в JS, а именно: число, BigInt, строка, булевый (логический) тип, null, undefined, объект и символ.

Число (Number)

Тип данных число в JavaScript представляет собой числовое значение. Он может быть целым или десятичным числом, положительным или отрицательным. JavaScript также поддерживает операции над числами, такие как сложение, вычитание, умножение и деление. Вот примеры числовых значений и операций:

1let x = 10; // целое число
2let y = 3.14; // десятичное число
3let sum = x + y; // сложение
4let difference = x - y; // вычитание
5let product = x * y; // умножение
6let quotient = x / y; // деление

BigInt

BigInt в JavaScript представляет собой тип данных для работы с числами произвольной точности. Он может хранить и оперировать с числами, превышающими максимальное значение, которое может быть представлено с помощью стандартного числового типа данных. Вот пример использования BigInt:

1let bigNumber = BigInt("123456789012345678901234567890");
2console.log(bigNumber); // Вывод: 123456789012345678901234567890n
3
4let sum = bigNumber + BigInt(1);
5console.log(sum); // Вывод: 123456789012345678901234567891n

Строка (String)

Тип данных строка в JavaScript представляет последовательность символов и заключается в кавычки (одинарные или двойные). Вот некоторые примеры строковых значений:

1let message = "Привет, мир!"; // использование двойных кавычек
2let name = 'Джон'; // использование одинарных кавычек
3
4let greeting = `Привет, ${name}!`; // использование обратных кавычек для интерполяции
5console.log(greeting); // Вывод: Привет, Джон!

Булевый тип (Boolean)

Булевый тип данных в JavaScript имеет только два возможных значения: true (истина) и false (ложь). Булевые значения часто используются в условных выражениях и логических операциях. Примеры использования булевого типа данных:

1let isTrue = true;
2let isFalse = false;
3
4if (isTrue) {
5 console.log("Это истинное утверждение.");
6} else {
7 console.log("Это ложное утверждение.");
8}

Null

Null в JavaScript представляет собой специальное значение, которое означает "отсутствие значения". Оно используется, когда переменная не содержит никакого значения. Вот пример использования значения null:

1let person = null;
2console.log(person); // Вывод: null

Undefined

Undefined означает, что переменная была объявлена, но ей не было присвоено никакое значение. Переменные по умолчанию имеют значение undefined. Вот пример использования значения undefined:

1let variable;
2console.log(variable); // Вывод: undefined

Объект

Объект в JavaScript представляет собой коллекцию ключ-значение, где ключи являются строками (или символами) и значения могут быть любого типа данных, включая другие объекты. Пример создания объекта и доступа к его свойствам:

1let person = {
2 name: "Джон",
3 age: 30,
4 city: "Нью-Йорк"
5};
6
7console.log(person.name); // Вывод: Джон
8console.log(person.age); // Вывод: 30
9console.log(person.city); // Вывод: Нью-Йорк

Символ

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

1let id = Symbol("id");
2let user = {
3 name: "Джон",
4 [id]: 1
5};
6
7console.log(user[id]); // Вывод: 1

Итак, мы рассмотрели основные типы данных в JavaScript, включая: число, BigInt, строку, boolean, null, undefined, объект и символ. Теперь давайте разберемся, как на практике определить тип данных в JS и для чего это нужно.

Оператор typeof

Оператор typeof в JavaScript используется для определения типа какого-либо значения. Он возвращает значение, указывающее тип данных переменной или выражения.

Оператор typeof может быть полезен, когда вам нужно выполнить определенные действия или принять решения, в зависимости от типа данных.

Рассмотрим несколько примеров использования typeof:

Пример 1: Проверка типа данных:

1let name = "Джон";
2let age = 30;
3
4console.log(typeof name); // Вывод: string
5console.log(typeof age); // Вывод: number

В этом примере оператор typeof используется для определения типа данных переменных name и age. Он возвращает строку "string" для переменной name (так как она содержит строковое значение) и строку "number" для переменной age (так как она содержит числовое значение).

Пример 2: Условное выполнение кода:

1let x = 10;
2
3if (typeof x === "number") {
4 console.log("Переменная x является числом.");
5} else {
6 console.log("Переменная x не является числом.");
7}

В этом примере оператор typeof используется в условном операторе if для проверки типа данных переменной x. Если тип данных равен "number", то выводится сообщение "Переменная x является числом". Если тип данных отличается от "number", то выводится сообщение "Переменная x не является числом".

Пример 3: Динамическое преобразование типов данных:

1let value = "42";
2let convertedValue = parseInt(value);
3
4console.log(typeof value); // Вывод: string
5console.log(typeof convertedValue); // Вывод: number

В этом примере оператор typeof используется для сравнения типов данных переменной value до и после преобразования. Исходно переменная value содержит строковое значение "42", а после преобразования с помощью функции parseInt() тип данных становится числовым.

Пример 4: Проверка на undefined:

1let x;
2
3if (typeof x === "undefined") {
4 console.log("Переменная x не определена.");
5} else {
6 console.log("Переменная x определена.");
7}

В этом примере оператор typeof используется для проверки, определена ли переменная x. Если тип данных переменной x равен "undefined", то выводится сообщение "Переменная x не определена". В противном случае выводится сообщение "Переменная x определена".

Оператор typeof в JavaScript полезен при проверке типа данных, принятии решений на основе типа или выполнении соответствующих операций в зависимости от типа данных. Он помогает в управлении потоком выполнения программы и обеспечивает более гибкую обработку данных.

← Назад

Задачи по JavaScript для начинающих (6 задач + решение)

Вперед →

LocalStorage в JavaScript: что такое и как работает

Популярные статьи

  • Задачи JavaScript для начинающих
  • Типы данных в JavaScript
  • Как проверить объект JavaScript на пустоту?
  • Обработчики Событий в JS
  • Деструктуризация в Javascript
  • Массивы Javascript: перебирающие методы
  • Операторы Spread и Rest в Javascript
  • Объект Date: Текущая Дата и Время в Javascript
  • Переменные JavaScript var, let и const
© 2023 StackDev.Blog