Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung in die for-Schleife und die for/in-Schleife beim JavaScript-Lernen

青灯夜游
Freigeben: 2018-10-16 17:07:48
nach vorne
1740 Leute haben es durchsucht

In diesem Artikel stellen wir Ihnen die for-Schleife und die for/in-Schleife beim JavaScript-Lernen vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Eine Schleife führt einen Codeblock eine bestimmte Anzahl von Malen aus.

JavaScript unterstützt verschiedene Arten von Schleifen:

  • for – durchläuft einen Codeblock eine bestimmte Anzahl von Malen

  • for/in – Schleife durch die Eigenschaften des Objekts

  • while – Schleife wann Die angegebene Bedingung ist wahr. Angegebener Codeblock

  • do/while – Wenn die angegebene Bedingung wahr ist, wird der angegebene Codeblock in einer Schleife ausgeführt

for-Schleife

Syntax der for-Schleife:

for(语句1;语句2;语句3){
    被执行的代码块
  }
Nach dem Login kopieren

Beschreibung:

Ausführen, bevor Anweisung 1 (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

Zum Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
    for (var i = 0; i < 5; i++) {
        alert("我是for循环");
    }
</script>
</html>
Nach dem Login kopieren

Aus dem obigen Beispiel ist Folgendes ersichtlich:

Setzen Sie die Variable vor dem Schleife beginnt (var i = 0; )

Definieren Sie die Bedingungen, unter denen die Schleife ausgeführt wird (i muss kleiner als 5 sein)

Inkremente ein Wert (i++), nachdem jeder Codeblock ausgeführt wurde)

Verwenden Sie im Allgemeinen Anweisung 1, um die in der Schleife verwendeten Variablen zu initialisieren ==》(var i = 0;)

Sie müssen es auch nicht in Anweisung 1 schreiben, Sie können in Anweisung 1 eine beliebige Anzahl von Werten initialisieren.

Sie können Anweisung 1 auch weglassen, beispielsweise wurde der Anfangswert vor der Schleife definiert.

Zum Beispiel:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>
	<script type="text/javascript">
		var i = 0
		for(; i < 5; i++) {
			alert("我是for循环");
		}
	</script>

</html>
Nach dem Login kopieren

Aber das ==》; nach Aussage 1 kann nicht weggelassen werden.

Anweisung 2 wird verwendet, um den Zustand der Anfangsvariablen auszuwerten. Aussage 2 ist ebenfalls optional. Wenn die Anweisung „true“ zurückgibt, beginnt die Schleife erneut, wenn sie „false“ zurückgibt, endet die Schleife.

Wenn Anweisung 2 weggelassen wird, muss name für eine Unterbrechung innerhalb der Schleife sorgen, andernfalls kann die Schleife nicht gestoppt werden und der Browser kann abstürzen.

Anweisung 3 erhöht oder verringert normalerweise den Wert der Anfangsvariablen. Aussage 3 ist ebenfalls optional und hat viele Verwendungsmöglichkeiten. Das Inkrement kann eine negative Zahl (i--) oder größer sein (. i = i + 15)

Anweisung 3 kann auch weggelassen werden, (zum Beispiel, wenn sich entsprechender Code innerhalb der Schleife befindet)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>
	<script type="text/javascript">
		var i = 0,
			len = cc.length;
		for(; i < len;) {
			alert("我是for循环");
			i++;
		}
	</script>

</html>
Nach dem Login kopieren

for/in-Schleife

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

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>

	<body></body>
	<script type="text/javascript">
		var person = {
			name: "haha",
			age: 16
		};
		for(x in person) {
			text = text + person[x];
		}
	</script>

</html>
Nach dem Login kopieren

For /in in JavaScript ist nicht nur Sie können die Eigenschaften eines Objekts durchlaufen, sondern auch ein Array.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial, jQuery-Video-Tutorial, Bootstrap-Tutorial!

Das obige ist der detaillierte Inhalt vonEinführung in die for-Schleife und die for/in-Schleife beim JavaScript-Lernen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage