suchen

Heim >Web-Frontend >js-Tutorial >Schlüsselwortbeispiele für drei js-Schleifen (for und while)_Grundkenntnisse

Schlüsselwortbeispiele für drei js-Schleifen (for und while)_Grundkenntnisse

WBOY
WBOYOriginal
2016-05-16 15:15:211859Durchsuche

Drei Möglichkeiten, Schleifen zu schreiben: 

<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家，这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">脚本之家,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>


Verschiedene Arten von Schleifen

JavaScript unterstützt verschiedene Arten von Schleifen:
•for – Durchläuft einen Codeblock eine bestimmte Anzahl von Malen
•for/in – Schleife durch die Eigenschaften eines Objekts
•while – Durchläuft den angegebenen Codeblock, wenn die angegebene Bedingung wahr ist
•do/while – durchläuft auch den angegebenen Codeblock, wenn die angegebene Bedingung wahr ist


For-Schleife

Die for-Schleife ist ein Werkzeug, das Sie häufig verwenden, wenn Sie eine Schleife erstellen möchten.

Das Folgende ist die Syntax der for-Schleife:

für (Aussage 1; Aussage 2; Aussage 3)
{
Der ausgeführte Codeblock
}


Anweisung 1 wird ausgeführt, bevor die Schleife (Codeblock) beginnt
Anweisung 2 definiert die Bedingung für die Ausführung der Schleife (Codeblock)
Anweisung 3 wird ausgeführt, nachdem die Schleife (Codeblock) ausgeführt wurde

Beispiel

Code kopieren Der Code lautet wie folgt:

für (var i=0; i60a14a8aff52cb9cba7930268b16664b";
}

Probieren Sie es selbst aus

Aus dem obigen Beispiel können Sie sehen:

Anweisung 1 setzt die Variable (var i=0), bevor die Schleife beginnt.
Anweisung 2 definiert die Bedingungen für die Ausführung der Schleife (i muss kleiner als 5 sein).
Anweisung 3 erhöht jedes Mal einen Wert (i), wenn der Codeblock ausgeführt wurde.


Aussage 1

Normalerweise verwenden wir Anweisung 1, um die in der Schleife verwendeten Variablen zu initialisieren (var i=0).

Anweisung 1 ist optional, was bedeutet, dass Sie sie ohne Verwendung von Anweisung 1 ausführen können.

Sie können beliebige (oder mehrere) Werte in Anweisung 1 initialisieren:

Beispiel:

Code kopieren Der Code lautet wie folgt:

for (var i=0,len=cars.length; ifa402eb9151f1adb246f450fcd1812f9");
}

Sie können Anweisung 1 auch weglassen (z. B. wenn der Wert festgelegt wurde, bevor die Schleife beginnt):

Beispiel:

Code kopieren Der Code lautet wie folgt:

var i=2,len=cars.length;
für (; ifa402eb9151f1adb246f450fcd1812f9");
}

Aussage 2

Normalerweise wird Anweisung 2 verwendet, um den Zustand der Anfangsvariablen auszuwerten.

Aussage 2 ist ebenfalls optional.
Wenn Anweisung 2 „true“ zurückgibt, beginnt die Schleife erneut, wenn sie „false“ zurückgibt, endet die Schleife.
Tipp: Wenn Sie Anweisung 2 weglassen, müssen Sie eine Unterbrechung innerhalb der Schleife vorsehen. Andernfalls kann der Zyklus nicht gestoppt werden. Dies kann zum Absturz des Browsers führen. Bitte lesen Sie weiter unten in diesem Tutorial mehr über Pause.

Aussage 3

Normalerweise erhöht Anweisung 3 den Wert der Anfangsvariablen.

Aussage 3 ist ebenfalls optional.
Aussage 3 kann auf verschiedene Arten verwendet werden. Das Inkrement kann negativ (i--) oder größer (i=i 15) sein.
Anweisung 3 kann auch weggelassen werden (z. B. wenn sich in der Schleife entsprechender Code befindet):

Beispiel:

Code kopieren Der Code lautet wie folgt:

var i=0,len=cars.length;
für (; i648343031a9072903c2b50ab5a1b7296");
ich ;
}

For/In-Schleife

JavaScript for/in-Anweisung durchläuft die Eigenschaften eines Objekts:

Beispiel

Code kopieren Der Code lautet wie folgt:

var person={fname:"John",lname:"Doe",age:25};
für (x persönlich)
{
txt=txt person[x];
}

Mehr über for/in-Schleifen erfahren Sie im Kapitel über JavaScript-Objekte.

Weitere Informationen finden Sie in diesem Artikel: http://www.jb51.net/w3school/js/js_loop_for.htm

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：Ausführliche Erläuterung des Projektverzeichnisses des Node.js-Pakets und der Verwendung des NPM-Pakets manager_node.jsNächster Artikel：Ausführliche Erläuterung des Projektverzeichnisses des Node.js-Pakets und der Verwendung des NPM-Pakets manager_node.js

In Verbindung stehende Artikel

Mehr sehen