jQuery遍歴-map()メソッドの使用

≪インスタンス｜Instance｜emdw≫
フォーム内のすべての値のリストを作成します.

$("p").append( $("input").map(function(){
  return $(this).val();
}).get().join(", ") );

みずからやってみる
定義と使用法
map()は各要素を関数を介して現在のマッチングセットに渡し,戻り値を含む新しいjQueryオブジェクトを生成する.
構文

.map(callback(index,domElement))

パラメータ
説明
callback(index,domElement)
現在のセット内の各要素に対して呼び出される関数オブジェクト.
詳細な説明
戻り値はjQueryパッケージの配列であるため,get()を用いて戻りオブジェクトを処理してベースの配列を得る.
.map()メソッドは、要素セットの値を取得または設定するのに特に役立ちます.次の一連のチェックボックス付きフォームを考えてください.

  

    

      2
      
    
    

      4
      
    
    

      6
      
    
    

      8
      
    
  

チェックボックスIDからなるカンマ区切りのリストを取得できます.

$(':checkbox').map(function() {
  return this.id;
}).get().join(',');

みずからやってみる
今回の呼び出しの結果は文字列:“two,four,six,eight”です.
callback関数の内部で、thisは反復するたびに現在のDOM要素を参照します.この関数は、個別のデータ・アイテム、または結果セットに挿入するデータ・アイテムの配列を返します.配列を返すと、配列内の要素がコレクションに挿入されます.関数がnullまたはundefinedを返すと、要素は挿入されません.
投稿:https://www.w3school.com.cn/jquery/traversing_map.asp次の例を参照してください.https://www.runoob.com/jquery/misc-map.html