最新のWeb開発のチュートリアル
 

JavaScriptアレイmap() Method

<JavaScriptのArrayリファレンス

元の配列内のすべての値の平方根との配列を返します:

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のArrayリファレンス