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

Примітивні типи даних

Примітивні типи даних – це основні типи даних, які підтримуються безпосередньо мовою. Вони включають:

  • String (рядок) 📜
  • Number (число) 🔢
  • Boolean (булевий) ⚖️
  • Null (нуль) 🕳️
  • Undefined (невизначений) ❓
  • Symbol (символ) 🔣
  • BigInt (велике число) 📏

String (рядок) 📜

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

let str1 = 'Hello';let str2 = "World";let str3 = `Hello, ${str2}`;

Методи роботи з рядками:

  • length – довжина рядка
  • toUpperCase() – переведення до верхнього регістру
  • toLowerCase() – переведення до нижнього регістру

Number (число) 🔢

Тип Number використовується для представлення як цілих чисел, так і чисел з плаваючою точкою.

let num1 = 42;let num2 = 3.14;

Операції з числами:

  • Додавання: +
  • Віднімання: -
  • Множення: *
  • Ділення: /
  • Остача від ділення: %

Boolean (булевий) ⚖️

Булевий тип має лише два значення: true (істина) та false (хиба).

let isTrue = true;let isFalse = false;

Булеві значення часто використовуються у умовних операторах:

if (isTrue) {  console.log('Це істина');}

Null (нуль) 🕳️

null – це спеціальне значення, яке означає “відсутність значення”.

let emptyValue = null;

Undefined (невизначений) ❓

undefined означає, що змінна оголошена, але їй не присвоєно значення.

let notAssigned;console.log(notAssigned); // undefined

Symbol (символ) 🔣

Symbol – це унікальне ідентифікатор, часто використовується для визначення властивостей об’єктів.

let sym = Symbol('опис');

BigInt (велике число) 📏

BigInt використовується для представлення чисел, які перевищують максимальне значення Number.

let bigNumber = 1234567890123456789012345678901234567890n;

Об’єктні типи даних

Об’єкти – це колекції значень, де кожне значення має свій ключ (властивість).

let obj = {  name: 'John',  age: 30};

Об’єкти можуть містити різні типи значень, включаючи функції:

let person = {  name: 'Alice',  greet: function() {    console.log('Hello, ' + this.name);  }};

Масиви

Масиви – це об’єкти, які дозволяють зберігати множинні значення в одному змінному.

let arr = [1, 2, 3, 'hello'];

Масиви мають безліч методів:

  • push() – додати елемент в кінець
  • pop() – видалити останній елемент
  • shift() – видалити перший елемент
  • unshift() – додати елемент на початок

Функції

Функції – це блоки коду, які можна викликати для виконання певного завдання.

function greet(name) {  return 'Hello, ' + name;}let greeting = greet('Alice'); // 'Hello, Alice'

Існують також функціональні вирази та стрілкові функції:

let greet = function(name) {  return 'Hello, ' + name;};let greetArrow = (name) => 'Hello, ' + name;

Типи та оператори порівняння

JavaScript має оператори порівняння, які допомагають перевіряти значення різних типів:

  • == – перевірка на рівність без врахування типу
  • === – перевірка на рівність з врахуванням типу
  • != – перевірка на нерівність без врахування типу
  • !== – перевірка на нерівність з врахуванням типу

Типи і приведення типів

JavaScript автоматично приводить типи в деяких ситуаціях. Це називається “приведення типів”.

let x = '5';let y = 10;console.log(x + y); // '510' (рядок)console.log(Number(x) + y); // 15 (число)

Таблиця примітивних типів даних

Тип Опис Приклад
String 📜 Рядок тексту 'Hello'
Number 🔢 Число 42
Boolean ⚖️ Булевий (істина/хиба) true
Null 🕳️ Нульове значення null
Undefined ❓ Невизначене значення undefined
Symbol 🔣 Унікальний ідентифікатор Symbol('опис')
BigInt 📏 Велике число 12345678901234567890n

Поради та практики

Ось кілька порад для роботи з типами даних у JavaScript:

  • Завжди використовуйте === та !== для порівняння, щоб уникнути проблем з приведенням типів.
  • Будьте уважні з null та undefined. Перевіряйте значення перед використанням.
  • Використовуйте typeof для перевірки типу змінної.
  • При роботі з великими числами використовуйте BigInt.

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

Від admin

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *