Типи даних JavaScript

Усі використовувані дані в javascript мають певний тип. У JavaScript є вісім типів даних:

String: представляє рядок
Number: представляє числове значення
BigInt: призначений для представлення дуже великих цілих чисел
Boolean: представляє логічне значення true або false
Undefined: представляє одне спеціальне значення - undefined і вказує, що значення не встановлено
Null: представляє одне спеціальне значення - null і вказує на відсутність значення
Symbol: представляє унікальне значення, яке часто застосовується для звернення до властивостей складних об'єктів
Object: представляє комплексний об'єкт

Перші сім типів представляють примітивні типи даних. Останній тип - Object представляє складний, комплексний тип даних, який складається зі значень примітивних типів або інших об'єктів. Розглянемо основні примітивні типи даних.

Числові дані

Number

Тип Number представляє числа в JavaScript, які можуть бути цілими або дробовими:

Цілі числа, наприклад, 35. Ми можемо використовувати як позитивні, так і негативні числа. Діапазон використовуваних чисел: від -253 до 253
Дробові числа (числа з плаваючою крапкою), наприклад, 3.5575. Знову ж таки можна використовувати як позитивні, так і негативні числа. Для чисел із плаваючою крапкою використовується той самий діапазон: від -253 до 253

Наприклад:

let x = 45;
let y = 23.897;

Як роздільник між цілою і дробовою частинами, як і в інших мовах програмування, використовується крапка.

Тип BigInt

Тип BigInt додано в останніх стандартах JavaScript для представлення дуже великих цілих чисел, які виходять за межі діапазону типу number. Це не означає, що ми не можемо зовсім працювати з великими числами за допомогою типу number, але робота з ними у випадку з типом number буде пов'язана з проблемами. Розглянемо невеликий приклад:

let num = 9007199254740991
console.log(num); // 9007199254740991
console.log(num + 1); // 9007199254740992
console.log(num + 2); // 9007199254740992

Тут змінній num присвоюється максимальне значення. І далі додаємо до неї деякі значення і виводимо на консоль результат. І результати можуть нас збентежити, особливо в разі додавання числа 2.

Для визначення числа як значення типу BigInt у кінці числа додається суфікс n:

let dimension = 19007n;
const value = 2545n;

Наприклад, змінимо з попереднього прикладу тип number на bigint:

let num = 9007199254740991n
console.log(num); // 9007199254740991n
console.log(num + 1n); // 9007199254740992n
console.log(num + 2n); // 9007199254740993n
console.log(num + 3n); // 9007199254740994n

Тип Boolean

Тип Boolean представляє булеві або логічні значення true (вірно) і false (хибно):

let isAlive = true;
let isDead = false;

Рядки String

Тип String представляє рядки. Для визначення рядків застосовуються лапки, причому, можна використовувати як подвійні, так одинарні, так і косі лапки. Єдине обмеження: тип лапок, що закривають, має бути той самий, що й тип лапок, що відкривають, тобто або обидві подвійні, або обидві одинарні.

let user = "Tom";
let company = 'Microsoft';
let language = `JavaScript`;
 
console.log(user);
console.log(company);
console.log(language);

Якщо всередині рядка зустрічаються лапки, то ми їх маємо екранувати слешем. Наприклад, нехай у нас є текст "Бюро "Роги і копита"". Тепер екрануємо лапки:

let company = "Бюро \"Рога і копита\"";

Також ми можемо всередині стоки використовувати інший тип лапок:

let company1 = "Бюро 'Роги і копита'";
let company2 = 'Бюро "Роги і копита"'';

Інтерполяція

Використання косих лапок дає нам змогу застосовувати такий прийом як інтерполяція - вбудовувати дані в рядок. Наприклад:

let user = "Tom";
let text = `Ім'я: ${користувач}`;
console.log(text); // Name: Tom

Для вбудовування значень виразів (наприклад, значень інших змінних і констант) у рядок перед виразом ставлять знак долара $, після якого у фігурних дужках вказують вираз. Так, у прикладі вище ${user} означає, що в цьому місці рядка треба вбудувати значення змінної user.

Подібним чином можна вбудовувати і більшу кількість даних:

let user = "Tom";
let age = 37;
let isMarried = false;
let text = `Ім'я: ${користувач} Вік: ${вік} Одружений: ${isMarried}`;
console.log(text); // Ім'я: Том Вік: 37 IsMarried: false

null і undefined

undefined вказує, що значення не визначено або не встановлено. Наприклад, коли ми тільки визначаємо змінну без присвоєння їй початкового значення, вона представляє тип undefined:

let isAlive;
console.log(isAlive); // виведе undefined

Присвоєння значення null означає, що у змінної відсутнє значення:

let isAlive;
console.log(isAlive); // невизначений
isAlive = null;
console.log(isAlive); // null
isAlive = undefined; // знову встановимо тип undefined
console.log(isAlive); // undefined

object

Тип object представляє складний об'єкт. Найпростіше визначення об'єкта представляють фігурні дужки:

let user = {};

Об'єкт може мати різні властивості та методи:

const user = {ім'я: "Tom", age:24};
console.log(user.name);

У цьому випадку об'єкт називається user, і він має дві властивості: name і age. Це короткий опис об'єктів, більш детально об'єкти ми розглянемо в наступних статтях.

Слабка/динамічна типізація
JavaScript є мовою зі слабкою та динамічною типізацією. Це означає, що змінні можуть динамічно змінювати тип. Наприклад:

let id; // тип undefined
console.log(id);
id = 45; // тип number
console.log(id);
id = "45"; // тип string
console.log(id);

Незважаючи на те, що в другому і третьому випадку консоль виведе нам число 45, але в другому випадку змінна id представлятиме число, а в третьому випадку - рядок.

Це важливий момент, який треба враховувати і від якого залежить поведінка змінної в програмі:

let a = 45; // тип number
let b = a + 5;
console.log(b); // 50
     
a = "45"; // тип string
let c = a + 5
console.log(c); // 455

Вище в обох випадках до змінної a застосовується операція додавання (+). Але в першому випадку a представляє число, тому результатом операції a + 5 буде число 50.

У другому випадку a представляє рядок. Але операція додавання між рядком і числом 5 неможлива. Тому число 5 буде перетворюватися до рядка, і відбуватиметься операція об'єднання рядків. Тому в другому випадку результатом виразу a + 5 буде рядок "455".

Оператор typeof

За допомогою оператора typeof можна отримати тип змінної:

let id;
console.log(typeof id); // невизначений
 
id = 45;
console.log(typeof id); // число
 
id = 45n;
console.log(typeof id); // bigint
 
id = "45";
console.log(typeof id); // string

Варто зазначити, що для значення null оператор typeof повертає значення "object", незважаючи на те, що згідно зі специфікацією JavaScript значення null представляє окремий тип.

Посібник по JavaScript