jQueryのmap関数の2つのメソッドのサンプルコード

この記事では、jQuery のマップ関数の 2 つの方法を紹介します。これは非常に優れており、参考にしてください。

2 つの方法:

1.

//将原数组中每个元素加 4 转换为一个新数组。
$.map( [0,1,2], function(n){
 return n + 4;
});
//结果:
[4, 5, 6]
//原数组中每个元素扩展为一个包含其本身和其值加 1 的数组，并转换为一个新数组
$.map( [0,1,2], function(n){
 return [ n, n + 1 ];
});
//结果:
[0, 1, 1, 2, 2, 3]

2. object.map

のトラバース例:

<form method="post" action="">
 <fieldset>
  <p>
   <label for="two">2</label>
   <input type="checkbox" value="2" id="two" name="number[]">
  </p>
  <p>
   <label for="four">4</label>
   <input type="checkbox" value="4" id="four" name="number[]">
  </p>
  <p>
   <label for="six">6</label>
   <input type="checkbox" value="6" id="six" name="number[]">
  </p>
  <p>
   <label for="eight">8</label>
   <input type="checkbox" value="8" id="eight" name="number[]">
  </p>
 </fieldset>
</form>
$(&#39;:checkbox&#39;).map(function() {
 return this.id;
}).get().join(&#39;,&#39;);

結果: two、four、six、eight

分析:

map() の関数には主に 2 つのステップがあります、最初のステップは横断であり、2 番目のステップは置換です。

$( " li " ).map( function(){
return $(this).text(); // 注意return关键字不可少
})

map は最初に走査し、各項目は text() 値を返します。その後、map は $("li") コレクション内の各項目の値をこれらの値に自動的に置き換えます。そのため、依然として配列のようなものです。今回は (まだ $("li") のシェルであるため)、実際の配列ではありません。したがって、後で get() 操作を追加すると、実際の配列に変換されるため、配列固有のメソッドである join() を使用できます。

以上がjQueryのmap関数の2つのメソッドのサンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。