Вивчайте Трансформація Масивів за Допомогою Методу map()

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

У цьому розділі розглядаються основні методи масивів, які використовуються у повсякденному програмуванні: map(), filter(), find(), reduce() та sort(). Почнемо з map().

Повний перелік усіх методів масивів можна знайти в офіційній документації MDN.

map()

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

array.map((element, index, array) => {
  // Callback body
});

element: поточний елемент;
index: позиція в масиві;
array: оригінальний масив.


              12345
            
const products = ["Ball", "Shoes", "Mouse"];

const modifiedProducts = products.map((element, index, array) => {
  console.log(`Element: ${element}, Index: ${index}, Array: ${array}`);
});

Основні моменти щодо map():

Опрацьовує кожен елемент;
Не змінює вихідний масив;
Повертає новий масив;
Новий масив має таку ж довжину.

Перетворення елементів масиву

Метод map() особливо корисний, коли потрібно перетворити кожен елемент масиву без зміни оригінального масиву. Розгляньте наступний приклад:


              12345678910
            
const numbers = [3, 5, 11, 32, 87];

/* Use the `map` method to create a new array (`doubledNumbers`) 
  by doubling each element of the `numbers` array. */
const doubledNumbers = numbers.map((element) => {
  return element * 2;
});

console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87
console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174

1. Що робить метод `map()`?

2. Яка ключова характеристика методу `map()`?

3. У наведеному нижче прикладі що робить `strings.map((element) => (element += "!"))`?

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

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

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

Запитати АІ

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

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

Трансформація Масивів за Допомогою Методу map()

map()

Основні моменти щодо map():

Перетворення елементів масиву

1. Що робить метод map()?

2. Яка ключова характеристика методу map()?

3. У наведеному нижче прикладі що робить strings.map((element) => (element += "!"))?

1. Що робить метод `map()`?

2. Яка ключова характеристика методу `map()`?

3. У наведеному нижче прикладі що робить `strings.map((element) => (element += "!"))`?