Как создать новый массив на основе другого массива с помощью map?

Метод map() — один из основных инструментов обработки массивов в JavaScript.

Определение:
map() — это метод массива, который возвращает новый массив, сформированный результатами выполнения функции для каждого элемента исходного массива.

Пример

const numbers = [1, 2, 3];

const doubled = numbers.map(n => n * 2);

console.log(doubled); // [2, 4, 6]

Как работает

1. Перебирает каждый элемент массива.

2. Вызывает функцию-колбэк.

3. Сохраняет результат в новый массив.

Пример с объектами

const users = [
  { name: "Ivan" },
  { name: "Anna" }
];

const names = users.map(user => user.name);

Где применяется

1. Подготовка данных для UI.

2. Формирование списков в React.

3. Преобразование ответа API.

Пример в React

items.map(item => (
  <li key={item.id}>{item.name}</li>
));

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