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

黄舟original: 2017-11-16 14:45:393474parcourir

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>

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!

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

Article précédent：Résumé des méthodes d'actualisation des pages JSArticle suivant：Résumé des méthodes d'actualisation des pages JS

Articles Liés

Voir plus