Вивчайте Методи Масивів `map`, `filter`

Свайпніть щоб показати меню

Масиви часто потрібно трансформувати або фільтрувати для створення нових версій на основі наявних даних. JavaScript надає методи вищого порядку для масивів, такі як map і filter, які роблять ці завдання лаконічними та зрозумілими.

Ці методи дозволяють уникнути ручних циклів і зосередитися на тому, що саме потрібно отримати з даних, а не на покроковому виконанні. Використання методів вищого порядку призводить до коду, який легше підтримувати, розуміти та повторно використовувати.


              123456
            
// Using map to create a new array with doubled values
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

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


              123456
            
// Using filter to create a new array with only even numbers
const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens); // [2, 4, 6]

За допомогою filter ваша функція повинна повертати true, щоб залишити елемент, або false, щоб виключити його. До нового масиву потрапляють лише ті елементи, які проходять перевірку у вашій функції, при цьому вихідний масив залишається незмінним.

І map, і filter виконують перебір масиву внутрішньо, тому немає потреби писати цикл вручну — ці методи самостійно ітерують та формують новий масив.

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 1. Розділ 14

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 14