Maison > Article > interface Web > Méthode de boucle à travers les objets objets dans jquery_jquery
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 : 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.
var data={
张三:69,
李四:72,
王五:90,
二麻子:88,
前端博客:100,
haorooms : 98,
王大壮:99
}