Метод array map: примеры и объяснения

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

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

javascript
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(number => number * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

В этом примере мы создали исходный массив numbers и применили метод map, чтобы умножить каждый элемент массива на 2. Результат (новый массив) сохранен в переенной doubledNumbers и выводится в консоль.

Также, метод map может быть использован для преобразования объектов в другие объекты. Давайте рассмотрим пример:

javascript
const cities = [
  { name: "New York", population: 8623000 },
  { name: "Los Angeles", population: 3990456 },
  { name: "Chicago", population: 2705994 },
  { name: "Houston", population: 2320268 },
  { name: "Philadelphia", population: 1584064 }
];
const cityNames = cities.map(city => city.name);
console.log(cityNames); // ["New York", "Los Angeles", "Chicago", "Houston", "Philadelphia"]

Здесь мы создали массив объектов городов с их населением, а затем использовали метод map, чтобы создать новый массив, состоящий только из имен городов.

Также стоит отметить, что метод map не изменяет исходный массив, а создает и возвращает новый массив. Также нельзя использовать метод map для работы с объектами (например, использовать его для изменения свойств объектов), для этого были созданы другие методы, такие как Object.keys().map().

В целом, метод map очень полезен в JavaScript и может быть использован для преобразования массивов в различные формы.