Перейти до основного контенту

Як визначити тип даних у JavaScript? Повне керівництво

5 хв читання
1755 переглядів

Коректне визначення типу даних є важливою частиною Програмування на JavaScript. Навчитися правильно ідентифікувати тип даних допомагає покращити якість коду та уникнути потенційних помилок. У цьому посібнику ми розглянемо різні методи, які можна використовувати для визначення типу даних у JavaScript.

У JavaScript є кілька основних типів даних: числа (numbers), рядки (strings), булеві значення (booleans), масиви (arrays), об'єкти (objects), функції (functions), значення null і undefined, а також особливий тип даних - символи (symbols), доданий в стандарті ECMAScript 2015.

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

Визначення типу даних може бути корисним, коли ви працюєте зі значеннями, які користувач вводить у форму, або коли ви хочете перевірити, чи є змінна масивом чи об'єктом, щоб застосувати відповідні методи чи функції.

Що таке тип даних у JavaScript?

Тип даних JavaScript визначає характеристики та поведінку змінних у мові програмування. Всього в JavaScript існують сім основних типів даних:

  • Number: представляє числові значення, як цілі, так і десяткові;
  • String: представляє текстові значення, укладені в лапки;
  • Boolean: представляє логічні значення true (true) І false (false);
  • Object: зберігає колекції даних і функціональності у вигляді пар ключ-значення;
  • Null: представляє відсутність значення;
  • Undefined: представляє змінні, які не мають призначеного значення;
  • Symbol: представляє унікальні та незмінні значення.

Важливо зрозуміти, який тип даних містить кожна змінна в JavaScript, оскільки тип даних впливає на дійсні операції та методи, які можна застосувати до змінних.

Наприклад, операції над числами відрізняються від операцій над рядками, і не можна застосувати математичну операцію до рядка.

Визначення примітивних типів даних

У JavaScript є шість примітивних типів даних:

Тип данихОписПриклад
numberЧислове значенняlet age = 25;
stringСтрокове значенняlet name = "John";
booleanЛогічне значення: true або falselet isTrue = true;
nullЗначення, що представляє відсутність об'єктаlet person = null;
undefinedЗначення, що представляє неініціалізовану зміннуlet address;
symbolУнікальне і незмінне значення, використовується як ключі в об'єктахlet >

Щоб визначити тип даних в JavaScript, можна використовувати оператор typeof :

typeof age; // "number"typeof name; // "string"typeof isTrue; // "boolean"typeof person; // "object"typeof address; // "undefined"typeof id; // "symbol"

Note: Оператор typeof для значення null повертає "object". Це історична помилка в мові.

Визначення числових типів даних

У JavaScript існує два основних числових типи даних: числа з плаваючою точкою і ціле число.

Числа з плаваючою точкою представляються з використанням типу даних number. Вони можуть містити цілу і десяткову частини, а також знак "+", "-", або "0". Ось деякі приклади чисел з плаваючою точкою:

ПрикладОпис
3.14Число з плаваючою точкою
-7.5Негативне число з плаваючою точкою
0.25Позитивне число з плаваючою точкою

Цілі числа подаються за допомогою типу даних number, але без десяткової частини. Ось деякі приклади цілих чисел:

ПрикладОпис
42Ціле число
-10Негативне ціле число
0Нуль

JavaScript також підтримує спеціальні числові значення Infinity і NaN. Infinity представляє нескінченність, а NaN (Not a Number) означає, що значення не може бути числом. Ці значення можуть бути корисними при виконанні математичних операцій. Ось деякі приклади:

ПрикладОпис
InfinityПозитивна нескінченність
-InfinityНегативна нескінченність
NaNНе число

Щоб визначити тип даних змінної в JavaScript, ви можете використовувати оператор typeof. Наприклад:

let x = 42;console.log(typeof x); // "number"

У цьому прикладі змінна x містить ціле число, і оператор typeof повертає рядок "number", вказуючи на числовий тип даних.

Тепер ви знаєте, як визначити Числові типи даних у JavaScript!