Карта массива JavaScript()
Примеры
Вернуть новый массив с квадратным корнем всех значений элементов:
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Умножьте все значения в массиве на 10:
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Ниже приведены дополнительные примеры.
Определение и использование
map()
создает новый массив из вызова функции для каждого элемента массива.
map()
вызывает функцию один раз для каждого элемента массива.
map()
не выполняет функцию для пустых элементов.
map()
не изменяет исходный массив.
Синтаксис
array.map(function(currentValue, index, arr), thisValue)
Параметры
Parameter | Description |
function() | Required. A function to be run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default value undefined .A value passed to the function to be used as its this value. |
Возвращаемое значение
Тип | Описание |
Массив | Результаты функции для каждого элемента массива. |
Поддержка браузера
map()
является функцией ECMAScript5 (ES5).
ES5 (JavaScript 2009) полностью поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Дополнительные примеры
Получить полное имя для каждого человека:
const persons = [
{firstname : "Malcom", lastname: "Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
persons.map(getFullName);
function getFullName(item) {
return [item.firstname,item.lastname].join(" ");
}