Відмінність між var, let та const у JavaScript

У JavaScript змінні оголошуються за допомогою трьох ключових слів – var, let та const. Вони суттєво відрізняються за областю видимості, можливістю повторного оголошення та зміною значення. У цій статті ми детально розглянемо особливості кожного з них. var – старий спосіб оголошення змінних Ключове слово var з’явилось ще у ранньому JavaScript і сьогодні використовується рідко. Головні […]

Читати далі

Бібліотека Axios у JavaScript

Axios – це популярна JavaScript-бібліотека для роботи з HTTP-запитами. Вона спрощує надсилання асинхронних запитів до REST-ендпоінтів, обробку відповідей та роботу з помилками. Axios однаково добре підходить як для браузера, так і для Node.js, надаючи уніфікований та передбачуваний інтерфейс для взаємодії з будь-яким API. Зміст допису: Основні можливості Axios Встановлення Axios Найпростіший спосіб додати Axios у […]

Читати далі

Модуль path у Node.js

Вбудований модуль path у Node.js – це інструмент для роботи зі шляхами до файлів і директорій. Його головна перевага – кросплатформність: код, який використовує path, однаково коректно працює як на Windows (де роздільником є \), так і на Linux/macOS (де використовується /). Це означає, що ви можете писати універсальний код без необхідності вручну враховувати особливості […]

Читати далі

Як працювати з Fetch API у JavaScript

Fetch API у JavaScript надає зручний спосіб виконувати HTTP-запити та отримувати дані з віддалених серверів. Він вбудований у сучасні браузери та доступний у Node.js (починаючи з версії 18), працює асинхронно та дозволяє легко взаємодіяти з API без використання сторонніх бібліотек. У цьому дописі ми розглянемо ключові можливості Fetch API та практичні приклади їх застосування. Зміст: […]

Читати далі

Цикл for у JavaScript

Цикли – один із базових інструментів програмування. Вони дозволяють багаторазово виконувати певний блок коду без дублювання однакових інструкцій. Завдяки цьому можна працювати з масивами, обходити елементи колекцій чи організовувати повторювані дії у програмі. У JavaScript одним із найчастіше використовуваних є цикл for. Що таке цикл for Цикл for – це конструкція, що дає змогу виконувати […]

Читати далі

JavaScript Array – метод map()

Метод map() у JavaScript застосовує задану функцію до кожного елемента масиву та повертає новий масив з результатами, не змінюючи при цьому оригінальний масив. Синтаксис методу map() Метод map() викликається на масиві та приймає в якості аргументу функцію зворотного виклику (callback), яка виконується для кожного елемента масиву. Результати виконання цієї функції формують новий масив: callback – […]

Читати далі

Що таке Set у JavaScript

У JavaScript об’єкт Set (множина) – це колекція унікальних значень будь-якого типу. Щоб створити новий порожній Set, можна використовувати наступний синтаксис: Конструктор Set також може приймати ітерований об’єкт (Iterable об’єкти у JavaScript), в такому разі всі елементи цього об’єкта (без дублікатів) будуть додані до нової множини: Основні методи Set add(value) – додає до множини новий […]

Читати далі

Приклади використання методу reduce() у JavaScript

Метод JavaScript Array.reduce() – виконує ітерацію по масиву, послідовно застосовуючи визначену користувачем функцію до кожного елемента масиву, та накопичуючи єдине результуюче значення. Розглянемо приклади використання методу reduce(). Підрахунок суми Уявімо масив об’єктів, котрі представляють товари, де нам потрібно обчислити загальну ціну всіх товарів: У цьому прикладі: Аналогічну функціональність, за допомогою циклу for…of можна було б […]

Читати далі

JavaScript Array – метод filter()

Метод JavaScript Array – filter(), дає змогу фільтрувати елементи масиву, відбираючи лише ті які відповідають заданій умові. filter() застосовує функцію зворотного виклику (callback) до кожного елемента масиву, і якщо callback повертає true, цей елемент додається до результуючого масиву. Також слід додати, що filter() не змінює вхідний масив, а створює і повертає новий масив, з відібраними […]

Читати далі

Оператор ?? nullish coalescing у JavaScript

У JavaScript оператор ?? (nullish coalescing operator) – це логічний оператор, який повертає свій правий операнд, якщо його лівий операнд дорівнює null або undefined, в іншому випадку повертається лівий операнд. Розглянемо простий приклад: Цей оператор може бути корисним, коли нам потрібно щоб хибні значення (такі як 0, порожні рядки, тощо), сприймалися за дійсні значення, тобто […]

Читати далі