Метод JavaScript .map()🚀

Метод .map() — это встроенный метод JavaScript, который позволяет создать новый массив с результатами вызова предоставленной функции для каждого элемента исходного массива. По сути, он создает новый массив, выполняя операцию над каждым элементом исходного массива.

Вот основной синтаксис метода .map():

array.map(function(currentValue, index, arr), thisValue)
  • function(currentValue, index, arr) — это функция, которая будет выполняться для каждого элемента массива.
  • currentValue — это значение текущего обрабатываемого элемента.
  • index — это индекс текущего обрабатываемого элемента.
  • arr — исходный массив, для которого был вызван метод .map().
  • thisValue — необязательный параметр, который можно использовать для установки значения this в функции обратного вызова.

Вот пример использования метода .map():

const numbers = [1, 2, 3, 4, 5];

const squaredNumbers = numbers.map(function(number) {
  return number * number;
});

console.log(squaredNumbers); // Output: [1, 4, 9, 16, 25]

В этом примере у нас есть массив чисел. Затем мы используем метод .map() для создания нового массива с именем squaredNumbers, который содержит квадраты каждого числа в исходном массиве. Функция обратного вызова принимает один параметр number, который является текущим значением обрабатываемого элемента. Затем возвращаемое значение функции обратного вызова добавляется в новый массив.

Другим примером использования метода .map() является преобразование массива объектов в массив определенного свойства этих объектов. Вот пример:

const users = [
  { name: "John", age: 30 },
  { name: "Mary", age: 25 },
  { name: "Peter", age: 40 }
];

const names = users.map(function(user) {
  return user.name;
});

console.log(names); // Output: ["John", "Mary", "Peter"]

В этом примере у нас есть массив пользовательских объектов со свойствами name и age. Мы используем метод .map() для создания нового массива с именем names, который содержит только имена каждого пользователя. Функция обратного вызова принимает один параметр user, который является текущим значением обрабатываемого элемента. Возвращаемое значение функции обратного вызова — это свойство name объекта user.

Таким образом, метод .map() является мощным инструментом для преобразования массивов в новые массивы с измененными данными. Это полезный метод в вашем наборе инструментов JavaScript.

Спасибо, что прочитали!

Надеюсь, вы нашли эту статью полезной. Если у вас есть какие-либо вопросы или предложения, пожалуйста, оставляйте комментарии. Ваши отзывы помогают мне стать лучше.

Не забудь подписаться⭐️

Страница Facebook: https://www.facebook.com/designTechWorld1

Страница в Instagram: https://www.instagram.com/techd.esign/

Канал YouTube: https://www.youtube.com/@tech..Design/

Твиттер: https://twitter.com/sumit_singh2311