Типи даних 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 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. Наприклад,

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

Також можна явно призначити значення змінної undefined. Наприклад,

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

Примітка: Рекомендується не призначати undefinedзмінну явно . Зазвичай nullвикористовується для присвоєння змінної значення "невідоме" або "порожнє" значення.

Null JavaScript

У 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 з моменту її першого випуску.

Цікаві статті...