Перебираючі методи масивів

8.1 Метод forEach()

Перебираючі методи масивів у JavaScript надають потужні засоби для роботи з масивами, дозволяючи виконувати різні операції над їх елементами. У цій темі ми розглянемо ключові перебираючі методи, включаючи forEach(), map(), filter(), reduce(), some(), every(), find() і findIndex().

Метод forEach() виконує вказану функцію один раз для кожного елемента масиву. Цей метод не повертає новий масив і не переривається.

Синтаксис:

    
      array.forEach(function(element, index, array) {
        // тіло функції
      });
    
  

Приклад:

Метод forEach() проходить по кожному елементу масиву numbers[] і виводить його індекс та значення.

    
      const numbers = [1, 2, 3, 4, 5];

      numbers.forEach((number, index) => {
          console.log(`Індекс: ${index}, Значення: ${number}`);
      });

      // Вивід:
      // Індекс: 0, Значення: 1
      // Індекс: 1, Значення: 2
      // Індекс: 2, Значення: 3
      // Індекс: 3, Значення: 4
      // Індекс: 4, Значення: 5
    
  

8.2 Метод map()

Метод map() створює новий масив з результатом виклику вказаної функції для кожного елемента масиву.

Синтаксис:

    
      const newArray = array.map(function(element, index, array) {
        // тіло функції
        return нове_значення;
      });
    
  

Функцію-перетворювач можна також записати у вигляді стрілки:

    
      const newArray = array.map((element, index, array) => нове_значення);
    
  

Приклад:

Метод map() створює новий масив squared[], що містить квадрати чисел з масиву numbers[].

    
      const numbers = [1, 2, 3, 4, 5];
      const squared = numbers.map(number => number * number);

      console.log(squared); // [1, 4, 9, 16, 25]
    
  

8.3 Метод filter()

Метод filter() створює новий масив з усіма елементами, що пройшли перевірку, задану у переданій функції.

    
      const newArray = array.filter(function(element, index, array) {
        // тіло функції
        return умова;
      });
    
  

Функцію-фільтр можна також записати у вигляді стрілки:

    
      const newArray = array.filter((element, index, array) => умова);
    
  

Приклад:

Метод filter() створює новий масив evenNumbers[], що містить тільки парні числа з масиву numbers[].

    
      const numbers = [1, 2, 3, 4, 5];
      const evenNumbers = numbers.filter(number => number % 2 === 0);

      console.log(evenNumbers); // [2, 4]
    
  

8.4 Метод reduce()

Метод reduce() застосовує функцію до акумулятора та кожного елемента масиву (зліва направо), зводячи його до єдиного значення.

Синтаксис:

    
      const result = array.reduce(function(accumulator, current, index, array) {
        // тіло функції
        return нове_значення_акумулятора;
      }, initialValue);
    
  

Функцію-акумулятор можна також записати у вигляді стрілки:

    
      const result = array.reduce((accumulator, current, index, array) =>
        нове_значення, initialValue
      );
    
  

Приклад:

Метод reduce() зводить масив numbers[] до єдиного значення sum, додаючи всі елементи масиву.

    
      const numbers = [1, 2, 3, 4, 5];
      const sum = numbers.reduce((acc, number) => acc + number, 0);

      console.log(sum); // 15
    
  

8.5 Метод some()

Метод some() перевіряє, чи задовольняє хоча б один елемент масиву умові, заданій у переданій функції. Повертає true або false.

Синтаксис:

    
      const result = array.some(function(element, index, array) {
        // тіло функції
        return умова;
      });
    
  

Функцію-перевірку можна також записати у вигляді стрілки:

    
      const result = array.some((element, index, array) => умова);
    
  

Приклад:

Метод some() перевіряє, чи є в масиві numbers[] хоча б одне парне число, і повертає true.

    
      const numbers = [1, 2, 3, 4, 5];
      const hasEvenNumber = numbers.some(number => number % 2 === 0);

      console.log(hasEvenNumber); // true
    
  

8.6 Метод every()

Метод every() перевіряє, чи задовольняють усі елементи масиву умові, заданій у переданій функції. Повертає true або false.

Синтаксис:

    
      const result = array.every(function(element, index, array) {
        // тіло функції
        return умова;
      });
    
  

Функцію-перевірку можна також записати у вигляді стрілки:

    
      const result = array.every((element, index, array) => умова);
    
  

Приклад:

Метод every() перевіряє, чи всі елементи масиву numbers[] є додатними, і повертає true.

    
      const numbers = [1, 2, 3, 4, 5];
      const allPositive = numbers.every(number => number > 0);

      console.log(allPositive); // true
    
  

8.7 Метод find()

Метод find() повертає перший елемент масиву, який задовольняє умову, задану у переданій функції. Якщо жоден елемент не задовольняє умову, повертає undefined.

Синтаксис:

    
      const result = array.find(function(element, index, array) {
        // тіло функції
        return умова;
      });
    
  

Функцію-перевірку також можна записати у вигляді стрілки:

    
      const result = array.find((element, index, array) => умова);
    
  

Приклад:

Метод find() повертає перше парне число з масиву numbers[].

    
      const numbers = [1, 2, 3, 4, 5];
      const firstEven = numbers.find(number => number % 2 === 0);

      console.log(firstEven); // 2
    
  

8.8 Метод findIndex()

Метод findIndex() повертає індекс першого елемента масиву, який задовольняє умову, задану в переданій функції. Якщо жоден елемент не задовольняє умову, повертає -1.

Синтаксис:

    
      const result = array.findIndex(function(element, index, array) {
        // тіло функції
        return умова;
      });
    
  

Функцію-перевірку можна також записати у вигляді стрілки:

    
      const result = array.findIndex((element, index, array) => умова);
    
  

Приклад:

Метод findIndex() повертає індекс першого парного числа в масиві numbers[].

    
      const numbers = [1, 2, 3, 4, 5];
      const firstEvenIndex = numbers.findIndex(number => number % 2 === 0);

      console.log(firstEvenIndex); // 1