Beispielcode für zwei Methoden der Kartenfunktion in jQuery

Dieser Artikel zeigt Ihnen zwei Möglichkeiten der Kartenfunktion in jquery. Er ist sehr gut und hat Referenzwert.

Zwei Möglichkeiten:

1. Direkte jQuery.map

//将原数组中每个元素加 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

Beispiel:

<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;);

Ergebnis: zwei, vier, sechs, acht

Analyse:

map Die Funktion von () besteht hauptsächlich aus zwei Schritten: Der erste Schritt ist das Durchlaufen und der zweite Schritt das Ersetzen.

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

Map wird zuerst durchlaufen, jedes Element gibt einen text()-Wert zurück und dann ersetzt Map diese Werte automatisch im $("li" ) Sammlung Jedes Element hat einen Wert, daher ist es zu diesem Zeitpunkt immer noch ein Array-ähnliches Objekt (da es immer noch die Shell von $("li") ist) und kein echtes Array. Wenn Sie also später eine get()-Operation hinzufügen, wird daraus ein echtes Array, sodass Sie join() verwenden können, eine für Arrays spezifische Methode.

Das obige ist der detaillierte Inhalt vonBeispielcode für zwei Methoden der Kartenfunktion in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!