JavaScript Array map()

Определение и использование

map() Метод создает новый массив, используя результаты вызова функции для каждого элемента массива.

map() Метод вызывает предоставленную функцию для каждого элемента массива в порядке.

Комментарий:map() Функция не выполняется для элементов массива без значений.

Комментарий:map() Не изменяет исходный массив.

Пример

Пример 1

Возврат массива, содержащего квадратные корни всех значений исходного массива:

var numbers = [4, 9, 16, 25];
var x = numbers.map(Math.sqrt);
document.getElementById("demo").innerHTML = x;

Попробуйте сами

Пример 2

Умножить все значения массива на 10:

var numbers = [65, 44, 12, 4];
var newarray = numbers.map(myFunction)
function myFunction(num) {
  return num * 10;
}
document.getElementById("demo").innerHTML = newarray;;

Попробуйте сами

Пример 3

Получить полное имя каждого человека в массиве:

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);
}

Попробуйте сами

Синтаксис

массив.map(function(currentValue, index, arr), thisValue)

значение параметра

Параметры Описание
function(currentValue, index, arr) Обязателен. Функция, выполняемая для каждого элемента массива.

Параметры функции:

Параметры Описание
currentValue Обязателен. Значение текущего элемента.
index Опционально. Индекс массива текущего элемента.
arr Опционально. Объект массива, к которому принадлежит текущий элемент.
thisValue

Опционально. Значение, которое нужно передать функции в качестве значения "this".

Если этот параметр пуст, то значение "undefined" будет передано в качестве его значения "this".

Технические детали

Возврат значения: Массив, содержащий результаты вызова предоставленной функции для каждого элемента исходного массива.
Версия JavaScript: ECMAScript 5

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая поддерживает этот метод.

Все браузеры полностью поддерживают map() Метод:

Chrome IE Edge Firefox Сafari Opera
Chrome IE Edge Firefox Сafari Opera
Поддержка 9.0 Поддержка Поддержка Поддержка Поддержка

Соответствующие страницы

Урок:Массив JavaScript

Урок:Const массива JavaScript

Урок:Методы массива JavaScript

Урок:Сортировка массива JavaScript

Урок:Итерация массива JavaScript