Вивчайте Трансформація Масивів за Допомогою Методу 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 += "!"))`?

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

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

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

Запитати АІ

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

Suggested prompts:

Can you explain how the map() method works with a different example?

What happens if the callback function in map() does not return a value?

Can you show how to use map() with objects instead of numbers?

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

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

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():

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

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


              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 += "!"))`?

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

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

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

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

map()

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

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

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

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

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

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

map()

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

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

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

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

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

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

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

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

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

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

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