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

Понимание метода Map():
Метод Map() в JavaScript создает новый массив, применяя функцию преобразования к каждому элементу существующего массива. Он принимает функцию обратного вызова и вызывает ее один раз для каждого элемента массива, что позволяет вам изменять элементы и создавать новый массив на основе преобразования.

Синтаксис.
Синтаксис использования метода Map() следующий:

let newArray = array.map(callback(currentValue, index, array) {
  // Transformation logic
  return transformedValue;
});

Примеры кода.
Давайте рассмотрим некоторые практические варианты использования метода Map() на примерах кода:

1. Удвоение значений массива:

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

2. Извлечение определенных свойств из объектов:

   const employees = [
   { id: 1, name: 'John', age: 30 },
   { id: 2, name: 'Jane', age: 25 },
   { id: 3, name: 'Alex', age: 35 }
   ];
   const employeeNames = employees.map((employee) => employee.name);
   console.log(employeeNames); // Output: ["John", "Jane", "Alex"]

3. Преобразование массива строк в верхний регистр:

   const fruits = ['apple', 'banana', 'cherry'];
   const capitalizedFruits = fruits.map((fruit) => fruit.toUpperCase());
   console.log(capitalizedFruits); // Output: ["APPLE", "BANANA", "CHERRY"]

4. Преобразование массива чисел в объекты:

   const numbers = [1, 2, 3, 4, 5];
   const transformedNumbers = numbers.map((num) => ({ value: num }));
   console.log(transformedNumbers);
   // Output: [{ value: 1 }, { value: 2 }, { value: 3 }, { value: 4 }, { value: 5 }]