suchen

Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Foreach-Syntax in JavaScript

Detaillierte Erläuterung der Foreach-Syntax in JavaScript

黄舟
黄舟Original
2017-11-16 14:45:393434Durchsuche

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 Klicken auf eins lautet die Ausgabe: 

0: blue
1: red
2: yellow

Nach dem Klicken auf zwei lautet die Ausgabe: 

uname: 张三
age: 18

Wenn es in u1 natürlich eine Methode gibt: 

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

, dann klicken Sie auf zwei und es wird ausgegeben: 

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

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Zusammenfassung der Methoden zum Aktualisieren von JS-SeitenNächster Artikel：Zusammenfassung der Methoden zum Aktualisieren von JS-Seiten

In Verbindung stehende Artikel

Mehr sehen