JavaScript: Функция map()

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

Синтаксис:

ВыделитьJavaScript

const newArray = array.map(function(currentValue, index, array) {
    // Возвращаемое значение будет элементом нового массива
});

Параметры:

currentValue: Текущий обрабатываемый элемент массива.
index: Индекс текущего обрабатываемого элемента.
array: Исходный массив, к которому применяется функция map().

Пример использования

ВыделитьJavaScript

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map(function(num) {
    return num * 2;
});

console.log(doubledNumbers); // Вывод: [2, 4, 6, 8, 10]

Объяснение:

Исходный массив: numbers = [1, 2, 3, 4, 5].
Функция: function(num) { return num * 2; } — удваивает каждый элемент массива.
Новый массив: doubledNumbers = [2, 4, 6, 8, 10].

Дополнительные примеры

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

ВыделитьJavaScript

const names = ['john', 'jane', 'alice'];

const upperCaseNames = names.map(function(name) {
    return name.toUpperCase();
});

console.log(upperCaseNames); // Вывод: ['JOHN', 'JANE', 'ALICE']

Создание массива объектов:

ВыделитьJavaScript

const users = ['John', 'Jane', 'Alice'];

const userObjects = users.map(function(name, index) {
    return { id: index + 1, name: name };
});

console.log(userObjects);
// Вывод: [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Alice' }]

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

Справочник JavaScript