jQuery $.each traverse les objets et l'utilisation des tableaux examples_jquery

Grâce à lui, vous pouvez parcourir les valeurs d'attribut​​des objets et des tableaux et les traiter.

Mode d'emploi

Les effets de chaque fonction ne sont pas totalement cohérents selon le type de paramètres :

1. Traverser des objets (avec des paramètres supplémentaires)

Copier le code Le code est le suivant :

$.each(Objet, fonction(p1, p2) {

this; // Ceci pointe ici vers la valeur d'attribut actuelle de l'objet dans chaque parcours
p1; p2; //Accéder à des paramètres supplémentaires

}, ['Paramètre1', 'Paramètre2']);

2. Parcourez le tableau (avec les paramètres de pièce jointe)

Copier le code Le code est le suivant :

$.each(Tableau, fonction(p1, p2){

this; // Ceci pointe ici vers l'élément actuel de Array dans chaque parcours
p1; p2; //Accéder à des paramètres supplémentaires
}, ['Paramètre 1', 'Paramètre 2']);

3. Traverser des objets (pas de paramètres supplémentaires)

Copier le code Le code est le suivant :

$.each(Objet, fonction(nom, valeur) {

this; // ceci pointe vers la valeur de l'attribut actuel
Name ; //name représente le nom de la propriété actuelle de l'Object
value; //value représente la valeur de la propriété actuelle de l'Object
});
[code]

4. Parcourez le tableau (pas de paramètres supplémentaires)
[code]
$.each (Tableau, fonction (i, valeur) {

this; // ceci pointe vers l'élément actuel
i; //i représente l'indice actuel de Array
value; //value représente l'élément actuel de Array

});

Voici quelques utilisations courantes de la méthode each de jQuery

Copier le code Le code est le suivant :

var arr = [ "un", "deux", "trois", "quatre"]; $.each(arr, function(){  
alerte(ce);
});  
//Les résultats de sortie de chacun ci-dessus sont : un, deux, trois, quatre
 
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] 
$.each(arr1, fonction(i, élément){ 
alerte(élément[0]);
}); 
//En fait, arr1 est un tableau à deux dimensions, item équivaut à prendre chaque tableau à une dimension,
//item[0] est relatif à la prise de la première valeur de chaque tableau unidimensionnel
//Donc, le résultat de chacun ci-dessus est : 1 4 7


var obj = { un:1, deux:2, trois:3, quatre:4}; 
$.each(obj, fonction(clé, val) { 
alert(obj[clé]);
});
// Chacun est encore plus puissant, il peut parcourir chaque attribut
//Le résultat de sortie est : 1 2 3 4