JavaScript

Метод Map в JavaScript. Описание для новичков и сфера применения

Lorem ipsum dolor

Функция map() в JavaScript — это часть одноименного метода «map». Функция map() представляется для каждого элемента массива отдельно один раз для сортировки и выборки необходимого нам значения. Поэтому она от всех элементов массива возвращает нужный нам аргумент и формирует из всех полученных аргументов новый массив.

 

Функция map() в JavaScript

Метод «map» в JavaScript не изменяет сам массив, для которого он применяется. Его цель — только «выбрать» из массива необходимые нам данные. Иногда бывает так, что в момент выполнения функции map() происходят изменения данных в обрабатываемом массиве. В этом случае функция map() соберет те данные, которые были у элементов массива в момент ее «прохождения» по массиву. 

Если элемент массива удалили до их посещения функцией, то такой элемент не будет посещен.

Метод «map» в JavaScript поддерживается всеми современными браузерами, поэтому его смело можно использовать в своих целях.

 

Пример, как используется функция map() в JS

Давайте представим, что у вас есть какой-то массив с большим количеством объектов. Каждый отдельный объект — это человек с его собственными данными:

  • имя,

  • фамилия,

  • отчество,

  • пол,

  • адрес,

  • возраст,

  • рост,

  • вес,

  • цвет волос,

  • цвет глаз,

  • наличие семьи,

  • образование,

  • любимый фильм,

  • любимая книга,

  • и др.

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

У вас есть примерно такой массив с данными:

const clients = [

 { passport: '00000001', name: 'Булгаков Михаил Афанасьевич', age: 43, sex: 'm' },

 { passport: '00000002', name: 'Толстой Лев Николаевич', age: 45, sex: 'm' },

 { passport: '00000003', name: 'Достоевский Федор Михайлович', age: 37, sex: 'm' },

 { passport: '00000004', name: 'Гоголь Николай Васильевич', age: 42, sex: 'm' },

 { passport: '00000005', name: 'Ахматова Анна Андреевна', age: 29, sex: 'f' },

 { passport: '00000006', name: 'Толстой Алексей Николаевич', age: 41, sex: 'm' },

]

 

Вам из массива нужно получить номер паспорта. Язык программирования JavaScript предлагает несколько решений этой задачи. Но нас интересует именно использование функции map() в JS. Для этого нужно применить простой скрипт:

const passports = clients.map(function(client) {

  return client.passport;

});

// Поклонники стрелочных функций могут взять на заметку стрелочное исполнение map()

const passports = clients.map(client => client.passport);

 

Работает это просто: мы вызываем возвратную функцию map(), которая последовательно «прочесывает» каждый элемент массива и возвращает нам паспортные данные, из которых формируется новый массив. Все, мы можем отправлять клиентам скидки! Конечно, может показаться, что вибратор для пары, фактически удовольствие только для нее. Отчасти это правда. Чаще всего головка пениса (самая чувствительная его часть) находится далеко от вибраций, да и не все мужчины ее любят. Огромный выбор качественных секс игрушек с описаниями и характеристиками. Это касается и секс-игрушек необычной формы. Для женского удовольствия в эрекционные кольцо встраивается вибропуля. В этом месте кольцо, как правило, толще.

 

Заключение

Функция map() в JS призвана упростить работу с массивами. Помимо нее, у JavaScript есть и другие методы сортировки массивов. Поэтому если вам показался сложным метод «map» в JavaScript, то можете попробовать методы:

  • «forEach»;

  • «filter»;

  • «reduce».

Подробнее о каждом из них мы поговорим в следующих наших статьях.

Схожие статьи

JSX. Что это за расширение, где и для чего оно используется
JavaScript

JSX. Что это за расширение, где и для чего оно используется

Учебный курс по React, часть 1: обзор курса, причины популярности React, ReactDOM и JSX
JavaScript

Учебный курс по React, часть 1: обзор курса, причины популярности React, ReactDOM и JSX

Учебный курс по React, часть 9: свойства компонентов
JavaScript

Учебный курс по React, часть 9: свойства компонентов

Работа с кодом в JS: замена символа в строке, поиск символа и другое
JavaScript

Работа с кодом в JS: замена символа в строке, поиск символа и другое