mapメソッド

mapメソッドは、セット内の各要素に対して指定された関数を呼び出します。これは、要素のコレクションの値を取得または設定する際に特に便利です。mapメソッドは、元の要素セットを返すeachメソッドとは異なり、新しく形成されたさまざまな要素やオブジェクトのセットを返します。

構文

関数内では、要素自体はthis変数で、セット内でのインデックス番号はindex変数で利用できます：

javascript$(セレクタ).map(function(index, element));

例

要素のid名をカンマ区切りで画面に表示してみましょう。getメソッドとjoinメソッドも使用します：

html<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>

javascriptconsole.log(
  $('p').map(
    function() {
      return this.id; 
    }
  ).get().join()
);

関連項目