Метод JavaScript .map() — это метод массива, который используется для создания нового массива той же длины, что и исходный массив, но с изменением каждого элемента в соответствии с предоставленной функцией обратного вызова. этот метод не изменяет исходный массив, а вместо этого возвращает новый массив с измененным элементом
синтаксис метода .map() следующий:
array.map(callback(currentValue[, index[, array]])[, thisArg])j
Функция обратного вызова принимает три аргумента: currentValue, index (необязательно) и array (необязательно). аргумент currentValue — это текущий обрабатываемый элемент массива. аргумент index — это индекс текущего обрабатываемого элемента, а аргумент array — исходный массив, для которого был вызван метод .map().
вот пример использования метода .map() для создания нового массива, в котором каждый элемент умножается на 2.
const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(num => num * 2); console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]
В приведенном выше примере метод .map() вызывается для массива чисел, передавая функцию обратного вызова, которая принимает числовой аргумент и возвращает число, умноженное на 2. Полученный новый массив, doubledNumbers, затем выводится на консоль. .
Важно отметить, что метод .map() не изменяет исходный массив. Он создает новый массив с измененными элементами. Если вам нужно изменить исходный массив, вам нужно будет использовать другой метод, например .forEach() или .splice().
В заключение, метод .map() — это мощный инструмент, который может помочь вам создавать новые массивы с измененными элементами на основе функции обратного вызова. Хорошо понимая, как использовать этот метод, вы сможете легко манипулировать массивами в JavaScript в соответствии со своими потребностями.
Другой пример использования метода .map() — преобразование массива строк в верхний регистр. Вот пример:
const names = ['john', 'susan', 'peter']; const uppercasedNames = names.map(name => name.toUpperCase()); console.log(uppercasedNames); // Output: ['JOHN', 'SUSAN', 'PETER']
В приведенном выше примере метод .map() вызывается для массива имен, передавая функцию обратного вызова, которая принимает аргумент имени и возвращает версию имени в верхнем регистре с помощью метода toUpperCase(). Полученный новый массив, uppercasedNames, затем выводится на консоль.
Важно отметить, что метод .map() также может быть связан с другими методами массива, такими как .filter() и .reduce(), для достижения более сложной функциональности.
В целом, метод .map() — мощный и универсальный инструмент для работы с массивами в JavaScript. Поняв, как использовать этот метод, вы сможете легко манипулировать массивами и преобразовывать их в соответствии со своими потребностями.