Maison  >  Article  >  interface Web  >  Méthode de boucle à travers les objets objets dans jquery_jquery

Méthode de boucle à travers les objets objets dans jquery_jquery

WBOY
WBOYoriginal
2016-05-16 15:24:421736parcourir

Un ami m'a demandé comment convertir un objet en tableau. Quand je lui ai demandé pourquoi il voulait le convertir, il m'a dit que les tableaux peuvent être parcourus à l'aide de boucles js, mais pas les objets. En fait, les objets peuvent également être parcourus en boucle. Vous pouvez boucler sans conversion ! Cela signifie que vous n’êtes pas très compétent dans certaines opérations de js ou jquery ! Ici, je vais le présenter brièvement !

Cas

Regardons les objets suivants :

var data={
  张三:69,
  李四:72,
  王五:90,
  二麻子:88,
  前端博客:100,
  haorooms : 98,
  王大壮:99
}

Supposons que ce qui précède soit un objet clé et un objet valeur renvoyés par l'arrière-plan (je crois que vous rencontrez souvent ce genre d'objet !), vous devez maintenant lier ce contenu à une table dans une boucle. Certains amis ne savent pas comment faire fonctionner la boucle d'objet ! Aujourd'hui, je vais vous présenter deux méthodes !

Méthode 1 :

Utilisez $.each pour boucler !

Si vous ne connaissez pas $.each, je vous suggère de le rechercher en ligne. Bien sûr, vous pouvez également rechercher "la différence entre $().each et $.each de jquery. Je n'entrerai pas dans les détails de leurs différences ici. Certains amis peuvent utiliser $().each davantage. Aujourd'hui, je vais principalement vous présenter $.each.

$.each() peut parcourir des tableaux et des objets. Voici comment procéder :

$.each([{“name”:”haorooms”,”email”:”bb@126.com”},{“name”:”qianduan”,”email”:”aa@hao.com”}],function(i,n)
{
alert(“索引:”+i,”对应值为:”+n.name);
});

Vous pouvez également traverser comme ceci :

var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
alert(this);
});

Sortie : un deux trois quatre cinq
La meilleure chose est que vous pouvez parcourir le tableau :

var obj =data;//上面复制的data
$.each(obj, function(key, val) {
alert(obj[key]);//可以输出成绩
console.log(key);//可以输出姓名
});

Méthode 2 :

Utiliser for in en boucle pour parcourir obj

Pour l'objet ci-dessus, on peut écrire comme ça en boucle !

for(var i in data){
 console.dir(i);//输出姓名
 console.dir(data[i]);//输出分数
}

Je pense que tout le monde devrait être familier avec la boucle for in ! La boucle for la plus couramment utilisée est for(var i=0;i

De plus, si l'on rencontre les objets suivants :

var data={
  张三:69,
  李四:72,
  王五:90,
  二麻子:88,
  前端博客:100,
  haorooms : 98,
  王大壮:99
}

Nous pouvons utiliser data.haorooms pour obtenir 98, mais si nous utilisons "data.front-end blog", une erreur sera signalée. Par conséquent, lorsque nous utilisons des caractères chinois comme valeur clé, nous devons utiliser data[" blog frontal"] lors de la sélection, choisissez une méthode, n'utilisez plus de points.

Ce qui précède est la méthode permettant de parcourir des objets objets dans jquery. J'espère que cela sera utile à l'apprentissage de chacun.

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