Примеры
Вернуть новый массив с квадратным корнем всех значений элементов:
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() не меняет исходный массив.
Методы итерации массива:
Синтаксис
array.map(function(currentValue, index, arr), thisValue)
Параметры
| Параметр | Описание |
| function() | Необходимый. Функция, запускаемая для каждого элемента массива. |
| currentValue | Необходимый. Значение текущего элемента. |
| index | Необязательный. Индекс текущего элемента. |
| arr | Необязательный. Массив текущего элемента. |
| thisValue | Необязательный. Значение по умолчанию undefined.Значение передается функции, которая будет использоваться в качестве this value. |
Возвращаемое значение
| Тип | Описание |
| Array | Результаты функции для каждого элемента массива. |
Больше примеров
Получите полное имя каждого человека:
const persons = [
{firstname : "Михаил", lastname: "Щипунов"},
{firstname : "Кристина", lastname: "Щипунова"},
{firstname : "Андрей", lastname: "Щипунов"}
];
persons.map(getFullName);
function getFullName(item) {
return [item.firstname,item.lastname].join(" ");
}
Попробуйте сами »
Учебники по массивам:
Поддержка браузера
map() — это функция ECMAScript5 (ES5).
ES5 (JavaScript 2009) полностью поддерживается во всех современных браузерах с июля 2013 года:
| Chrome 23 |
IE/Edge 11 |
Firefox 21 |
Safari 6 |
Opera 15 |
| Sep 2012 | Sep 2012 | Apr 2013 | Jul 2012 | Jul 2013 |