Quand je vois le titre, je pense que beaucoup d'amis diront que foreach n'est qu'une instruction en boucle. Oui, Foreach est en effet une instruction en boucle, mais de nombreux amis ne savent pas comment la maîtriser familièrement. . Aujourd'hui, nous allons vous montrer Présentons en détail la syntaxe Foreach en JavaScript !
Tout d'abord, bien qu'il s'appelle syntaxe Foreach, le mot-clé est toujours for. Cette syntaxe n'est qu'une simplification de la syntaxe habituellement utilisée pour.
Cette syntaxe est généralement utilisée pour parcourir le tableau A ce moment, chaque boucle obtient l'index du tableau (un nombre entier), puis obtient le nom du tableau via le nom du tableau. Objet [index entier].
Mais cette syntaxe peut également être utilisée pour parcourir l'objet, et obtenir le nom d'attribut de l'objet (une chaîne Passez ensuite le nom de l'objet [attribut). nom] Vous pouvez obtenir l'objet.
La clé pour comprendre cette syntaxe est donc de comprendre ce qui est exactement obtenu dans chaque boucle.
En fait, la réalisation de cette fonction est due au fait que l'index du tableau de JavaScript peut être une chaîne. Sinon (pensez à Java), cela n'existerait pas.
<html> <heap> <script type="text/javascript"> var mycolors = new Array('blue','red','yellow'); function f1(){ var content=""; for(var key in mycolors){ content += key+": "+mycolors[key]+"<br/>"; } document.getElementById("content").innerHTML = content; } function User(){} function f2(){ var u1=new User(); u1.uname="张三"; u1.age="18"; var content=""; for(var key in u1){ content += key+": "+u1[key]+"<br/>"; } document.getElementById("content").innerHTML = content; } </script> </heap> <body> <input type="button" id="c1" name="c1" onclick="f1();" value="click one"/> <input type="button" id="c2" name="c2" onclick="f2();" value="click two"/> <div id="content"></div> </body> </html>
Après avoir cliqué sur un, le résultat est :
0: blue 1: red 2: yellow
Après avoir cliqué sur deux, le résultat est :
uname: 张三 age: 18
Bien sûr s'il y a une méthode dans u1 :
u1.sai=function(){ alert("hello"); }
puis cliquez sur deux et elle affichera :
uname: 张三 age: 18 sai: function(){ alert("hello"); }
Résumé :
Après avoir vu l'ingéniosité à la fin, vous devriez maintenant savoir comment parcourir un objet JSON, et vous devez également avoir une certaine compréhension de la déclaration foreach. J'espère que cela vous sera utile !
Recommandations associées :
Explication détaillée de l'utilisation de forEach et each en JavaScript
Explication de la méthode Javascript forEach()
code d'implémentation de la fonction javascript forEach
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!