Типы данных JavaScript (с примерами)

В этом руководстве вы узнаете о различных типах данных, доступных в JavaScript, с помощью примеров.

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

 const x = 5; const y = "Hello";

Вот,

  • 5 - целые данные.
  • «Привет» - это строковые данные.

Типы данных JavaScript

В JavaScript есть восемь основных типов данных. Они есть:

Типы данных Описание пример
String представляет текстовые данные 'hello'и "hello world!"т. д.
Number целое число или число с плавающей запятой 3, 3.234и 3e-2т. д.
BigInt целое число с произвольной точностью 900719925124740999nи 1nт. д.
Boolean Любое из двух значений: истина или ложь. true и false
undefined тип данных, переменная которого не инициализирована let a;
null обозначает nullзначение let a = null;
Symbol тип данных, экземпляры которого уникальны и неизменны let value = Symbol('hello');
Object пары ключ-значение для сбора данных let student = ( );

Здесь все типы данных, кроме Objectпримитивных типов данных, а Objectне примитивные.

Примечание. Тип Objectданных (непримитивный тип) может хранить коллекции данных, тогда как примитивный тип данных может хранить только отдельные данные.

Строка JavaScript

Stringиспользуется для хранения текста. В JavaScript строки заключаются в кавычки:

  • Одиночные кавычки: 'Hello'
  • Двойные кавычки: "Hello"
  • Обратные кавычки: `Hello`

Например,

 //strings example const name = 'ram'; const name1 = "hari"; const result = `The names are $(name) and $(name1)`;

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

Обратные кавычки обычно используются, когда вам нужно включить переменные или выражения в строку. Это делается путем заключения переменных или выражений $(variable or expression)в оболочку, как показано выше.

Вы узнаете об использовании обратных кавычек в учебнике JavaScript String.

Номер JavaScript

Numberпредставляет собой целые и плавающие числа (десятичные и экспоненциальные). Например,

 const number1 = 3; const number2 = 3.433; const number3 = 3e5 // 3 * 10^5

Тип число может также быть +Infinity, -Infinityи NaN(не число). Например,

 const number1 = 3/0; console.log(number1); // returns Infinity const number2 = -3/0; console.log(number2); // returns -Infinity // strings can't be divided by numbers const number3 = "abc"/3; console.log(number3); // returns NaN

JavaScript BigInt

В JavaScript Numberтип может представлять только числа меньше (2 53 - 1) и больше, чем - (2 53 - 1) . Однако, если вам нужно использовать большее число, вы можете использовать этот BigIntтип данных.

BigIntНомер создается путем добавления п к концу целого числа. Например,

 // BigInt value const value1 = 900719925124740998n; // Adding two big integers const result1 = value1 + 1n; console.log(result1); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2); 

Вывод

 900719925124740999n Uncaught TypeError: Невозможно смешивать BigInt и другие типы

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

Логическое значение JavaScript

Этот тип данных представляет собой логические объекты. Booleanпредставляет одно из двух значений: trueили false. Проще думать об этом как о переключателе да / нет. Например,

 const dataChecked = true; const valueCounted = false;

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

JavaScript undefined

Тип undefinedданных представляет значение, которое не присвоено . Если переменная объявлена, но значение не присвоено, то значение этой переменной будет undefined. Например,

 let name; console.log(name); // returns undefined

Также возможно явно присвоить значение переменной undefined. Например,

 let name = undefined; console.log(name); // returns undefined

Примечание. Не рекомендуется явно присваивать undefinedпеременную. Обычно nullиспользуется для присвоения переменной «неизвестного» или «пустого» значения.

JavaScript null

В JavaScript nullэто специальное значение, представляющее пустое или неизвестное значение . Например,

 const number = null;

Приведенный выше код предполагает, что числовая переменная пуста.

Примечание : nullне то же самое, что NULL или NULL.

Символ JavaScript

This data type was introduced in a newer version of JavaScript (from ES2015).

A value having the data type Symbol can be referred to as a symbol value. Symbol is an immutable primitive value that is unique. For example,

 // two symbols with the same description const value1 = Symbol('hello'); const value2 = Symbol('hello');

Though value1 and value2 both contain 'hello', they are different as they are of the Symbol type.

Visit JavaScript Symbol to learn more.

JavaScript Object

An object is a complex data type that allows us to store collections of data. For example,

 const student = ( firstName: 'ram', lastName: null, class: 10 );

You will learn about JavaScript Objects in later tutorial.

JavaScript Type

JavaScript is a dynamically typed (loosely typed) language. JavaScript automatically determines the variables' data type for you.

Это также означает, что переменная может относиться к одному типу данных, а позже может быть изменена на другой тип данных. Например,

 // data is of undefined type let data; // data is of integer type data = 5; // data is of string type data = "JavaScript Programming";

Тип JavaScript

Чтобы узнать тип переменной, вы можете использовать typeofоператор. Например,

 const name = 'ram'; typeof(name); // returns "string" const number = 4; typeof(number); //returns "number" const valueChecked = true; typeof(valueChecked); //returns "boolean" const a = null; typeof(a); // returns "object"

Обратите внимание, что typeofвозвращено "object"для nullтипа. Это известная проблема в JavaScript с момента его первого выпуска.

Интересные статьи...