Maison > Article > interface Web > Explication détaillée sur l'utilisation de .map dans jQuery
jQuery.map utilise la méthode
jQuery.map(array,callback)
pour convertir les éléments d'un tableau en un autre tableau.
La fonction de conversion en tant que paramètre sera appelée pour chaque élément du tableau, et la fonction de conversion recevra un paramètre représentant l'élément en cours de conversion. La fonction de conversion peut renvoyer la valeur convertie, null (suppression de l'élément du tableau) ou un tableau contenant la valeur développée dans le tableau d'origine.
------------------------------------------------------ ------ ------------------------------------
Translate all items in an array to another array of items. The translation function that is provided to this method is called for each item in the array and is passed one argument: The item to be translated. The function can then return the translated value, 'null' (to remove the item), or an array of values - which will be flattened into the full array.
Valeur de retour
Array
Paramètre
array (Array) : Tableau à convertir.
callback (Fonction) : appelé pour chaque élément du tableau, et la fonction de conversion recevra un élément représentant l'élément converti en tant que paramètre. Les fonctions peuvent renvoyer n'importe quelle valeur. Alternativement, cette fonction peut être définie sur une chaîne et, lorsqu'elle est définie sur une chaîne, elle est traitée comme une « forme lambda » (forme courte ?), où a représente un élément de tableau. Par exemple, "a * a" représente "function(a){ return a * a; }".
Exemple
Convertissez chaque élément du tableau d'origine en un nouveau tableau en ajoutant 4.
Code jQuery :
$.map( [0,1,2], function(n){ return n + 4; });
Résultat :
[4, 5, 6]
----------------- - ------------------------------------------------- - -----------
Ajoutez 1 aux éléments supérieurs à 0 dans le tableau d'origine, sinon supprimez-les.
Code jQuery :
$.map( [0,1,2], function(n){ return n > 0 ? n + 1 : null; });
Résultat :
[2, 3]
----------------- - ------------------------------------------------- - -----------
Chaque élément du tableau d'origine est développé en un tableau contenant lui-même et sa valeur plus 1, et converti en un nouveau tableau.
Code jQuery :
$.map( [0,1,2], function(n){ return [ n, n + 1 ]; });
Résultat :
[0, 1, 1, 2, 2, 3]
Filtrer les éléments du tableau qui sont inférieurs à 0.
Code HTML :
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
Code jQuery :
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Résultat :
Fourth Third Second First
Filtrer les éléments inférieurs à 0 dans le tableau.
Code HTML :
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
Code jQuery :
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Résultat :
Fourth Third Second First
Filtrer les éléments inférieurs à 0 dans le tableau.
Code HTML :
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
Code jQuery :
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Résultat :
Fourth Third Second First
Pièce jointe : filtre les éléments inférieurs à 0 dans le tableau.
Code HTML :
<p>First</p><p>Second</p><p>Third</p><p>Fourth</p>
Code jQuery :
var arr = jQuery.makeArray(document.getElementsByTagName_r("p")); arr.reverse(); // 使用数组翻转函数
Résultat :
Fourth Third Second First
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!