Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Трансформація Масивів за Допомогою Методу map() | Розширені Методи Масивів та Трансформації
Структури Даних JavaScript

bookТрансформація Масивів за Допомогою Методу 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}`); });
copy

Основні моменти щодо 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
copy

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

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

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

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

Як ми можемо покращити це?

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

bookТрансформація Масивів за Допомогою Методу 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}`); });
copy

Основні моменти щодо 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
copy

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

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

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

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

Як ми можемо покращити це?

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

Секція 5. Розділ 1
some-alt