Explication détaillée de la syntaxe Foreach en JavaScript-js tutoriel-php.cn

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

黄舟

Libérer： 2017-11-16 14:45:39

original

3485 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!