пример
Возвращает массив с квадратным корнем всех значений в исходном массиве:
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML =
numbers.map(Math.sqrt);
}
Результат будет:
2,3,4,5
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
map() метод создает новый массив с результатами вызова функции для каждого элемента массива.
map() метод вызывает функцию при условии один раз для каждого элемента массива, в порядке.
Примечание: map() не выполняет функции для элементов массива без значений.
Примечание: map() не изменяет исходный массив.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
метод | |||||
---|---|---|---|---|---|
map() | да | 9,0 | 1,5 | да | да |
Синтаксис
Значения параметров параметр Описание function(currentValue, index,arr) Необходимые. Функция для запуска для каждого элемента в массиве.
Аргументы функции: аргументация Описание currentValue Необходимые. Значение текущего элемента index Необязательный. Индекс массива текущего элемента arr Необязательный. Массив объектов текущий элемент принадлежит
thisValue Необязательный. Значение , которое передается в функцию , которая будет использоваться в качестве "this" значения.
Если этот параметр пуст, то значение "undefined" будет принят в качестве "this" значения
Технические подробности
Возвращаемое значение: Массив, содержащий результаты вызова при условии функции для каждого элемента в исходном массиве. Версия JavaScript: 1,6
Еще примеры
пример
Умножить все значения в массиве с определенным номером:
var numbers = [65, 44, 12, 4];
function
multiplyArrayElement(num) {
return num *
document.getElementById("multiplyWith").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML =
numbers.map(multiplyArrayElement);
} Попробуй сам " пример
Получить полное имя для каждого человека в массиве:
var persons = [
{firstname : "Malcom", lastname:
"Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
function
getFullName(item,index) {
var fullname =
[item.firstname,item.lastname].join(" ");
return
fullname;
}
function myFunction() {
document.getElementById("demo").innerHTML = persons.map(getFullName);
} Попробуй сам "
<JavaScript массив Ссылка