Detaillierte Erläuterung der Foreach-Syntax in JavaScript-js-Tutorial-php.cn

Detaillierte Erläuterung der Foreach-Syntax in JavaScript

黄舟

Freigeben： 2017-11-16 14:45:39

Original

3482 Leute haben es durchsucht

Wenn ich den Titel sehe, werden viele Freunde wahrscheinlich sagen, dass foreach nur eine Schleifenanweisung ist. Ja, Foreach ist tatsächlich eine Schleifenanweisung, aber viele Freunde wissen nicht, wie man sie beherrscht . Heute zeigen wir Ihnen die Foreach-Syntax in JavaScript im Detail!

Obwohl es Foreach-Syntax heißt, ist das Schlüsselwort immer noch für. Diese Syntax ist nur eine Vereinfachung der normalerweise verwendeten Syntax.

Diese Syntax wird normalerweise zum Durchlaufen des Arrays verwendet. Zu diesem Zeitpunkt erhält jede Schleife den Index des Arrays (eine Ganzzahl) und erhält dann den Array-Namen über den Array-Namen [Ganzzahlindex]-Objekt.

Aber diese Syntax kann auch verwendet werden, um das Objekt zu durchlaufen und den Attributnamen des Objekts (eine Zeichenfolge) abzurufen. Anschließend übergeben Sie den Objektnamen [Attribut Name] Sie können das Objekt erhalten.

Der Schlüssel zum Verständnis dieser Syntax liegt also darin, zu verstehen, was genau in jeder Schleife erhalten wird.

Tatsächlich beruht die Realisierung dieser Funktion auf der Tatsache, dass der Array-Index von JavaScript ein String sein kann. Wenn nicht (denken Sie an Java), wird es kein solches Drama geben.

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

Nach dem Login kopieren

Nach dem Klicken auf eins lautet die Ausgabe:

0: blue
1: red
2: yellow

Nach dem Login kopieren

Nach dem Klicken auf zwei lautet die Ausgabe:

uname: 张三
age: 18

Nach dem Login kopieren

Wenn es in u1 natürlich eine Methode gibt:

u1.sai=function(){
   alert("hello");
}

Nach dem Login kopieren

, dann klicken Sie auf zwei und es wird ausgegeben:

uname: 张三
age: 18
sai: function(){ alert("hello"); }

Nach dem Login kopieren

Zusammenfassung:

Nachdem Sie die letzte clevere Sache gesehen haben, sollten Sie nun wissen, wie man ein JSON-Objekt durchläuft, und Sie sollten auch ein gewisses Verständnis davon haben die foreach-Anweisung. Ich hoffe, sie wird Ihnen hilfreich sein! Verwendung von forEach und every in JavaScript

Javascript forEach()-Methodenerklärung

Javascript forEach-Funktionsimplementierungscode

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Foreach-Syntax in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!