Maison  >  Article  >  interface Web  >  Explication détaillée sur l'utilisation de .map dans jQuery

Explication détaillée sur l'utilisation de .map dans jQuery

黄舟
黄舟original
2017-07-19 16:23:541169parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn