Введение в типы данных в JavaScript

Тип данных определяет тип и поведение данных - он сообщает компилятору или интерпретатору, как программист намеревается использовать часть данных. Большинство языков программирования поддерживают базовые типы данных, такие как число, логическое значение, строка и т. Д.

JavaScript поддерживает восемь типов данных: Number, BigInt, Boolean, String, Null, Undefined, Symbol и Object. В этой статье вы узнаете обо всех восьми типах данных JavaScript и о том, как их использовать.

Типы данных JavaScript

Типы данных в JavaScript можно в целом разделить на две категории: примитивные типы данных и непримитивные типы данных. Объект - это непримитивный или сложный тип данных, а остальные - примитивные типы данных.

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

Например:

// x - строка
let x = "Привет, мир";
// x - это число
х = 100;
// x теперь логическое
х = истина;

Если вы хотите найти текущий тип данных переменной, используйте тип оператор.

instagram viewer

// x - строка
let x = "Привет, мир";
console.log (typeof (x));
// x - это число
х = 100;
console.log (typeof (x));
// x теперь логическое
х = истина;
console.log (typeof (x));

Выход:

нить
количество
логический

1. Тип данных Number в JavaScript

Числовой тип данных в JavaScript использует IEEE-754 формат для представления как целых чисел, так и чисел с плавающей запятой. Вы можете выполнять множество операций с числами в JavaScript, например сложение, вычитание, деление, умножение и т. Д. Для выполнения более сложных операций можно использовать встроенный Математический объект.

Некоторые примеры создания чисел в JavaScript:

// Использование буквального объявления
пусть n1 = 100;
пусть n2 = 456,234;
// Использование конструктора Number ()
пусть n3 = Число (100);
// Преобразование в целое число
пусть n4 = Number.parseInt («456,234»);
// Преобразование в число с плавающей запятой
let n5 = Number.parseFloat ("456.234");
let n6 = Number.parseFloat ("1.13e3");
// Унарное преобразование в число
пусть n7 = + «345»;
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Выход:

Целые числа

Следующий оператор создает переменную, содержащую целое число:

пусть x = 21;

Если вы хотите создать восьмеричные (с основанием 8) литералы, вам нужно использовать 0o префикс с последовательностью восьмеричных цифр (цифры от 0 до 7).

пусть x = 0o53;
console.log (х);

Выход:

Точно так же, если вы хотите создать шестнадцатеричные (базовые 16) литералы, используйте 0x префикс с последовательностью шестнадцатеричных цифр (от 0 до 9 и от A до F).

пусть x = 0x53;
console.log (х);

Выход:

Числа с плавающей запятой

Следующий оператор создает переменную, содержащую число с плавающей запятой:

пусть x = 324,56;

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

пусть x = 1.13e6;
console.log (х);

Выход:

JavaScript также предоставляет другие специальные числовые значения, принадлежащие количество тип данных - NaN, Infinity и -Infinity.

NaN: NaN означает Не число что означает недопустимый номер. Например, если вы разделите строку и число, результатом будет NaN.
```
console.log ("MakeUseOf" / 10);
```
Выход:
```
NaN
```
Интересно, что NaN ничему не равняется, в том числе самому себе.
```
console.log (NaN == NaN);
console.log (NaN == ("MakeUseOf" / 10));
console.log (NaN NaN);
```
Выход:
```
ложный
ложный
ложный
```
Кроме того, если математическое выражение где-то содержит NaN, результатом всегда будет NaN.
Бесконечность и бесконечность: бесконечность а также -Бесконечность представляет собой математический ∞ а также -∞ соответственно.

2. Тип данных BigInt в JavaScript

BigInt - это примитивный тип данных в JavaScript, который может представлять целые числа с произвольной точностью. Поскольку числовой тип данных не может представлять значения больше (2⁵³-1) или значения меньше - (2⁵³-1), BigInt используется в таких случаях для представления очень больших или маленьких чисел.

Номера BigInt используются редко. Но если вам действительно нужно представлять большие числа, например для криптографии, вычисление факториала больших числа, представляющие массу солнца, временные метки с точностью до микросекунды и т. д. BigInt - это то, что вам нужно использовать.

Вы можете создать значение BigInt, добавив п до конца целого числа или с помощью конструктора.

пусть big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt ("78649264972634817648747234872634876243862348763467547");
console.log (большой1);
console.log (большой2);

Выход:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

Тип данных BigInt является относительно недавним дополнением к языку и в настоящее время поддерживается почти всеми браузерами, кроме Internet Explorer.

3. Логический тип данных в JavaScript

Тип данных boolean может иметь два значения: правда а также ложный. Логические значения являются результатом логических сравнений.

пусть x1 = true;
console.log (x1);
пусть x2 =! true;
console.log (x2);
пусть x3 =!! true;
console.log (x3);
let x4 = (false && true);
console.log (x4);
let x5 = (false || true);
console.log (x5);
пусть x6 = (2 == "2");
console.log (x6);
пусть x7 = (2 "2");
console.log (x7);
let x8 = (null undefined);
console.log (x8);
пусть x9 = (0 == "");
console.log (x9);
пусть x10 = (100> 12);
console.log (x10);

Выход:

правда
ложный
правда
ложный
правда
правда
ложный
ложный
правда
правда

Вы можете преобразовать значение любого другого типа данных в логический тип данных, используя Логический () функция.

// Строки
console.log (логический (''));
console.log (логический ('abc'));
console.log (логический ('123'));
// Числа
console.log (логический (0));
console.log (логический (1));
console.log (логический (-1));
console.log (логическое значение (NaN));
console.log (логическое значение (бесконечность));
// Другое
console.log (логический ([1, 2, 3]));
console.log (логическое значение (не определено));
console.log (логический (ноль));

Выход:

ложный
правда
правда
ложный
правда
правда
ложный
правда
правда
ложный
ложный

4. Тип данных String в JavaScript

Строка - это последовательность из нуля или более символов. Строки в JavaScript неизменяемы и в основном используются для представления текстовых данных. Индексация строк начинается с 0, т.е. первый элемент имеет индекс 0, второй - 1 и т. Д.

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

Одиночные и двойные кавычки практически делают то же самое, но строка, начинающаяся с двойной кавычки, должна заканчиваться двойной кавычкой. То же правило применяется и к одинарным кавычкам.

let str1 = "Привет";
let str2 = 'Привет';
let str3 = "Как дела?";
// Использование \ для экранирования одинарной кавычки (')
let str4 = 'Как дела?';

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

// Встраивание переменной в строку
let x = "Привет";
let str1 = `$ {x}, как дела?`;
console.log (str1);
// Встраивание выражения в строку
let str2 = `Сумма 20 + 30 равна: $ {20 + 30}`;
console.log (str2);
// Встраивание вызова функции в строку
function calculateSum (a, b) {
вернуть a + b;
}
let str3 = `Сумма 20 + 30 равна: $ {calculateSum (20, 30)}`;
console.log (str3);

Выход:

Привет, как дела?
Сумма 20 + 30 составляет: 50
Сумма 20 + 30 составляет: 50

JavaScript также предоставляет несколько методов String манипулировать строками.

5. Нулевой тип данных в JavaScript

Нулевой тип данных имеет только одно значение: нулевой. Он представляет собой преднамеренное отсутствие какой-либо ценности объекта.

пусть n = ноль;

Многие программисты путают значение null и undefined. Сложно понять разница между null и undefined в JavaScript.

6. Неопределенный тип данных в JavaScript

Неопределенный тип - это особый тип, который означает, что «значение не присвоено». Когда вы объявляете переменную, но не инициализируете ее, переменной присваивается неопределенное значение.

пусть x;
console.log (typeof (x));

Выход:

неопределенный

Вы можете явно присвоить переменной undefined, но настоятельно рекомендуется избегать этого.

Связанный: Набор методов JavaScript, которые вы должны освоить сегодня

7. Тип данных символа в JavaScript

Символ - это уникальное и неизменное примитивное значение. В основном он используется для создания уникальных идентификаторов для объектов.

Вы можете создать символ, используя Условное обозначение() функция. Он также принимает необязательное описание (имя), но только для целей отладки.

пусть sym1 = Symbol ();
let sym2 = Symbol ("данные");

В Условное обозначение() Функция создает новое уникальное значение при каждом вызове, даже если вы создаете символы с одинаковым описанием, значения будут разными.

console.log (Символ () == Символ ());
console.log (Символ ("данные") == Символ ("данные"));

Выход:

ложный
ложный

Связанный: Методы карты JavaScript, которые вы должны освоить сегодня

8. Тип данных объекта в JavaScript

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

Вы можете создать пустой объект в JavaScript, используя синтаксис «конструктор объекта» (новый объект ()) или синтаксис "объектный литерал" (фигурные скобки {...}).

let obj1 = new Object ();
let obj2 = {};

Каждый объект содержит необязательный список свойств, где свойство представляет собой пару ключ: значение. Вы можете получить доступ к значениям из объекта, используя точечную или массивную нотацию (квадратные скобки).

let obj = {
"ключ1": "значение1",
"ключ2": "значение2"
}
console.log (obj.key1);
console.log (obj ["ключ2"]);

Выход:

значение1
значение2

Как работает JavaScript?

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

Но знаете ли вы, как работает JavaScript под капотом?

Что такое JavaScript и как он работает?

Если вы изучаете веб-разработку, вот что вам нужно знать о JavaScript и о том, как он работает с HTML и CSS.

ДелитьсяТвитнутьЭл. адрес

Похожие темы

Программирование
JavaScript
Программирование
Советы по кодированию
Веб-разработка

Об авторе

Юврадж Чандра (Опубликовано 72 статей)

Юврадж - студент бакалавриата по информатике в Университете Дели, Индия. Он увлечен веб-разработкой Full Stack. Когда он не пишет, он исследует глубину различных технологий.

Ещё от Yuvraj Chandra

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться

About Technology - denizatm.com

Введение в типы данных в JavaScript

Типы данных JavaScript

1. Тип данных Number в JavaScript

Целые числа

Числа с плавающей запятой

2. Тип данных BigInt в JavaScript

3. Логический тип данных в JavaScript

4. Тип данных String в JavaScript

5. Нулевой тип данных в JavaScript

6. Неопределенный тип данных в JavaScript

7. Тип данных символа в JavaScript

8. Тип данных объекта в JavaScript

Как работает JavaScript?

Подписывайтесь на нашу новостную рассылку

категории

Recent Post

Почему мой ноутбук перезагружается, если я пытаюсь зарядить его во время игры?

Как я могу восстановить данные со сломанного iPhone?

Каков рекомендуемый способ доступа к Facebook в Китае?