Maison > interface Web > js tutoriel > Explication détaillée de la syntaxe Foreach en JavaScript

Explication détaillée de la syntaxe Foreach en JavaScript

黄舟
Libérer: 2017-11-16 14:45:39
original
3444 Les gens l'ont consulté

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(&#39;blue&#39;,&#39;red&#39;,&#39;yellow&#39;);
    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>
Copier après la connexion

Après avoir cliqué sur un, le résultat est :

0: blue
1: red
2: yellow
Copier après la connexion

Après avoir cliqué sur deux, le résultat est :

uname: 张三
age: 18
Copier après la connexion

Bien sûr s'il y a une méthode dans u1 :

u1.sai=function(){
   alert("hello");
}
Copier après la connexion

puis cliquez sur deux et elle affichera :

uname: 张三
age: 18
sai: function(){ alert("hello"); }
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal