Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

JavaScript массив map() Method

<JavaScript массив Ссылка

пример

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

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 массив Ссылка