JavaScript
  • 🧑‍💻Full-Stack Web Developer
  • 📚Теорія
    • 1️⃣Змінні і типи
      • Знайомство з JavaScript
      • Інструменти розробника
      • Підключення скрипту
      • Основи синтаксису
      • Змінні і типи
      • Взаємодія з користувачем
      • Основні оператори
      • Числа
      • Рядки
      • Логічні операції
    • 2️⃣Розгалудження і цикли
      • Розгалуження
      • Тернарний оператор
      • Інструкція switch
      • Область видимості
      • Цикли
    • 3️⃣Масиви
      • Масиви
      • Ітерація по масиву
      • Присвоєння за посиланням і значенням
      • Методи масиву
    • 4️⃣Функції
      • Функції
      • Стек викликів
    • 5️⃣Обʼєкти
      • Обʼєкти
      • Перебирання обʼєкта
      • Масив обʼєктів
      • Операції spread і rest
      • Деструктуризація обʼєктів
      • Деструктуризація масивів
      • Паттерн "обʼєкт параметрів"
    • 6️⃣Колбек-функції, стрілкові функції, перебір масиву
      • Колбек-функції
      • Метод forEach
      • Стрілкові функції
      • Підходи до написання коду
      • Чисті функції
    • 7️⃣Перебираючі методи масивів
      • Перебираючі методи масиву
      • Метод map()
      • Метод flatMap()
      • Метод filter()
      • Метод find()
      • Метод findIndex()
      • Методи every() і some()
      • Метод reduce()
      • Метод sort()
      • Ланцюжки методів
    • 8️⃣Контекст, прототипи та класи
      • Контекст виконання функції
      • Правила визначення this
      • Методи функцій
      • Об'єктно-орієнтоване програмування
      • Прототипне наслідування
    • Класи
  • 👷Практика
    • 👷Практика
    • Page 1
  • Про мене
    • Про мене
Powered by GitBook
On this page
  1. Теорія
  2. Колбек-функції, стрілкові функції, перебір масиву

Чисті функції

PreviousПідходи до написання кодуNextПеребираючі методи масивів

Last updated 1 year ago

Функції бувають чисті і з побічними ефектами в задежності від того як вони взаємодіють з вихідними даними.

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

let array = [1, 2, 3, 4, 5];
console.log(array); // [1, 2, 3, 4, 5]

const multiplication = (arr, value) => {
  for (let i = 0; i < arr.length; i += 1) {
    arr[i] = arr[i] * value;
  }
};

multiplication(array, 2);
console.log(array); // [2, 4, 6, 8, 10]

Як бачимо функція змінила вихідний масив.

Чиста функція (pure function) не має побічних ефектів і не змінює значення аргументів.

Перепишемо функцію так, щоб вона не змінювала вихідний масив, а створювала новий.

const array = [1, 2, 3, 4, 5];
console.log(array); // [1, 2, 3, 4, 5]

const multiplication = (arr, value) => {
  let tempArr = [];
  for (let i = 0; i < arr.length; i += 1) {
    tempArr.push(arr[i] * value);
  }
  return tempArr;
};

const newArray = multiplication(array, 2);
console.log(array); // [1, 2, 3, 4, 5]
console.log(newArray); // [2, 4, 6, 8, 10]

📚
6️⃣