JavaScript map()
Пример
Вернуть массив с квадратным корнем из всех значений в исходном массиве:
var numbers = [4, 9, 16, 25];
var x = numbers.map(Math.sqrt)
document.getElementById("demo").innerHTML = x;
Попробуйте сами »
Больше примеров "Попробуйте сами" ниже.
Определение и использование
Метод map() создает новый массив с результатами вызова функции для каждого элемента массива.
Метод map() вызывает предоставленную функцию один раз для каждого элемента массива по порядку.
Примечание: map() не выполняет функцию для элементов массива без значений.
Примечание: этот метод не изменяет исходный массив.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
| Метод | |||||
|---|---|---|---|---|---|
| map() | Да | 9.0 | 1.5 | Да | Да |
Синтаксис
array.map(function(currentValue, index, arr), thisValue)
Значения параметров
| Параметр | Описание | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| function(currentValue, index, arr) | Требуемый. Функция, выполняемая для каждого элемента массива. Аргументы функции:
|
||||||||
| thisValue | Необязательный. Значение, которое должно быть передано функции, которая будет использоваться в качестве ее "этого" значения. Если этот параметр пуст, то значение "не определено" и будет принят в качестве "этого" значения |
Технические детали
| Возвращаемое значение: | Массив, содержащий результаты вызова предоставленной функции для каждого элемента исходного массива. |
|---|---|
| Версия JavaScript: | ECMAScript 5 |
Еще примеры
Пример
Умножьте все значения в массиве на 10:
var numbers = [65, 44, 12, 4];
var newarray = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
document.getElementById("demo").innerHTML = newarray;
Попробуйте сами »
Пример
Получите полное имя для каждого человека в массиве:
var persons = [
{firstname : "Malcom", lastname: "Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
function getFullName(item) {
var fullname = [item.firstname,item.lastname].join(" ");
return fullname;
}
function myFunction() {
document.getElementById("demo").innerHTML = persons.map(getFullName);
}
Попробуйте сами »
Связанные страницы
JavaScript учебник: JavaScript Массивы
JavaScript учебник: JavaScript Итерация массива
