Map функция в JavaScript: примеры и руководство
Map функция в JavaScript является встроенной функцией, которая позволяет применять определенную функцию к каждому элементу массива и возвращать новый массив с измененными значениями для каждого элемента.
Синтаксис функции выглядит следующим образом:
array.map(callback(element[, index[, array]])[, thisArg])
- array: массив, который нужно преобразовать.
- callback: функция, которую нужно применить к каждому элементу массива.
- element: текущий обрабатываемый элемент массива.
- index: индекс текущего обрабатываемого элемента.
- array: ссылка на массив, который обрабатывается.
- thisArg (опционально): значение, которое будет использоваться в качестве this при вызове функции callback.
Примеры использования функции map:
1. Умножение каждого элемента массива на 2 и создание нового массива с результатами:
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 users = [
{name: 'John', age: 25},
{name: 'Sarah', age: 30},
{name: 'Tom', age: 35}
];
const userStrings = users.map(user => `${user.name} is ${user.age} years old`);
console.log(userStrings); // Output: ['John is 25 years old', 'Sarah is 30 years old', 'Tom is 35 years old']
3. Преобразование чисел в строки и добавление порядковых номеров элементов в начало строк:
const numbers = [1, 2, 3, 4, 5];
const numberedStrings = numbers.map((num, index) => `${index + 1}. ${num.toString()}`);
console.log(numberedStrings); // Output: ['1. 1', '2. 2', '3. 3', '4. 4', '5. 5']
В каждом из этих примеров мы использовали функцию map, чтобы применить определенную функцию к каждому элементу массива и создать новый массив с измененными значениями для каждого элемента. Код становится более читаемым и компактным, когда мы используем эту функцию, вместо того чтобы писать циклы и операции с каждым элементом массива вручную.