Exemple de code pour deux méthodes de fonction map dans jQuery

Cet article partagera avec vous deux façons de faire fonctionner la carte dans jquery. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer

Deux manières :

1. Direct 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.

Exemple :

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

Résultat : deux, quatre, six, huit

Analyse :

map La fonction de () comporte principalement deux étapes, la première étape est le parcours et la deuxième étape est le remplacement.

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

map traverse d'abord, chaque élément renvoie une valeur text(), puis map remplacera automatiquement ces valeurs​​dans le $("li" ) collection Chaque élément a une valeur, il s'agit donc toujours d'un objet de type tableau à ce moment (car c'est toujours le shell de $("li")), pas un vrai tableau. Ainsi, l'ajout ultérieur d'une opération get() le transformera en un véritable tableau, vous pourrez donc utiliser join(), une méthode spécifique aux tableaux.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!