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

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

WBOY

Freigeben： 2016-05-16 15:15:21

Original

1831 Leute haben es durchsucht

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>

Nach dem Login kopieren

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; i<5; i )

{

x=x "Die Zahl ist " i "
";

}

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; i
{

document.write(cars[i] "
");

}

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 (; i
{

document.write(cars[i] "
");

}

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 (; i
{

document.write(cars[i] "
");

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