JS Map: Простой способ отображения данных на карте

JS map - это встроенный метод массивов в JavaScript, который позволяет пройтись по всем элементам массива и выполнить определенную операцию с каждым элементом, сохраняя результаты в новый массив. Он возвращает новый массив с измененными элементами и не изменяет оригинальный массив.

Синтаксис метода map выглядит следующим образом:

array.map(function(currentValue, index, arr), thisValue)

• array - исходный массив
• функция, которую нужно выполнить для каждого элемента массива. Функция обычно принимает три параметра:

- currentValue - текущий обрабатываемый элемент массива

- index - индекс текущего обрабатываемого элемента массива

- arr - массив, по которому проходит метод map

• thisValue (необязательный параметр) - объект, который будет использоваться в качестве this при вызове функции

Пример использования метода map:

javascript
const numbers = [1, 2, 3, 4, 5];
// увеличиваем каждый элемент массива на 1
const increasedNumbers = numbers.map(function (num) {
  return num + 1;
});
console.log(increasedNumbers); // [2, 3, 4, 5, 6]

Метод map также может использоваться с стрелочными функциями:

javascript
const numbers = [1, 2, 3, 4, 5];
// увеличиваем каждый элемент массива на 1 с помощью стрелочной функции
const increasedNumbers = numbers.map((num) => num + 1);
console.log(increasedNumbers); // [2, 3, 4, 5, 6]

Часто метод map используется для трансформации массива объектов или для получения определенного свойства из каждого объекта в массиве:

javascript
const users = [
  { name: "John", age: 35 },
  { name: "Bob", age: 25 },
  { name: "Alice", age: 30 },
];
// получаем массив имен пользователей
const names = users.map((user) => user.name);
console.log(names); // ["John", "Bob", "Alice"]

Метод map является одним из наиболее мощных и гибких методов массивов в JavaScript и часто используется вместе с другими методами массивов, например, filter и reduce.