Метод map в JavaScript: что это и как использовать

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

Формат использования метода map() в JavaScript:

newArray = originalArray.map(callback);

где newArray - новый массив, который будет создан на основе исходного массива originalArray, callback - функция, которая будет вызвана для каждого элемента originalArray. Результаты вызовов callback будут составлять элементы нового массива newArray.

Пример применения метода map() в JavaScript:

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

let doubledNumbers = numbers.map(function(num) {

return num * 2;

});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

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

Можно также использовать стрелочную функцию вместо обычной функции:

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

let doubledNumbers = numbers.map(num => num * 2);

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

В этом примере мы передали стрелочную функцию в качестве аргумента методу map(). Эта функция также умножает каждый элемент массива numbers на 2. Она короче, чем обычная функция, и может сделать код более читабельным.

Метод map() также может работать с объектами, если объекты содержат свойства, доступные по индексу:

let people = [

{name: 'Alice', age: 25},

{name: 'Bob', age: 30},

{name: 'Charlie', age: 35}

];

let names = people.map(person => person.name);

console.log(names); // ['Alice', 'Bob', 'Charlie']

Мы создали массив объектов people, содержащих информацию о некоторых людях. С помощью метода map() мы создали новый массив names, содержащий только имена людей из массива people. Функция, переданная в качестве аргумента методу map(), получает доступ к свойству name каждого объекта и возвращает его значение.

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