Метод 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