Map JavaScript - создание и взаимодействие с картами на сайте

Map в JavaScript - это метод, который позволяет создавать новый массив, применяя функцию к каждому элементу исходного массива. Он может быть очень полезен при обработке больших объемов данных или при необходимости изменения структуры данных.

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

javascript
var newArray = oldArray.map(function(item, index, array) {
  //выполняем действия с элементом
  return newValue;
})

• `oldArray` - исходный массив, к каждому элементу которого будет применена функция;
• `item` - текущий элемент массива;
• `index` - индекс текущего элемента;
• `array` - сам массив;
• `newValue` - новое значение элемента.

Посмотрим на примеры кода:

javascript
// пример 1
let numbers = [1, 2, 3, 4, 5];
let doubledNumbers = numbers.map(function(item) {
  return item * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

В данном примере мы создали новый массив `doubledNumbers`, применив функцию умножения на 2 к каждому элементу массива `numbers`.

javascript
// пример 2
let users = [
  {id: 1, name: "Alice"},
  {id: 2, name: "Bob"},
  {id: 3, name: "Charlie"}
];
let userIds = users.map(function(user) {
  return user.id;
});
console.log(userIds); // [1, 2, 3]

В данном примере мы создали новый массив `userIds`, применив функцию, которая возвращает значение свойства `id` для каждого элемента массива `users`.

В обоих примерах мы использовали метод `map`, чтобы создать новый массив на основе исходного и применить функцию к каждому его элементу. Этот метод помогает упростить обработку больших объемов данных и изменить структуру исходных данных.