Verfügt JavaScript über eine for-Schleife?

Es gibt eine for-Schleife in JavaScript. Die for-Schleife in der JavaScript-Sprache wird verwendet, um Codeblöcke mehrmals auszuführen. Sie ist ein häufig verwendetes Schleifenwerkzeug in JS und eignet sich für den Einsatz, wenn die Syntax „for (Initialisierungsausdruck; bedingter Ausdruck; Variablenaktualisierung)“ bekannt ist ) { Bedingungscode, der ausgeführt wird, wenn der Ausdruck wahr ist}".

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Es gibt eine for-Schleife in JavaScript.

Die for-Schleife in der JavaScript-Sprache wird zum mehrfachen Ausführen von Codeblöcken verwendet. Sie ist das am häufigsten verwendete Schleifenwerkzeug in JavaScript und kann auch für Array-Traversal-Schleifen usw. verwendet werden.

Warum verwenden wir eine for-Schleife? Wenn wir beispielsweise möchten, dass die Konsole alle Zahlen zwischen 1 und 1000 ausgibt, müssen wir, wenn wir nur die Ausgabeanweisung schreiben, 1000 Codezeilen schreiben, aber wenn wir eine for-Schleife verwenden, können wir dies mit nur wenigen erreichen Codezeilen. Kurz gesagt, die Verwendung von for-Schleifen kann es uns ermöglichen, Code bequemer und schneller zu schreiben (natürlich, warum sollten wir ihn sonst brauchen)?

JS für Schleifensyntax

JS für Schleifen ist für die Verwendung geeignet, wenn die Anzahl der Schleifen bekannt ist. Das Syntaxformat ist wie folgt:

for(初始化表达式; 条件表达式; 变量更新) {
	// 条件表达式为true时执行的代码
}

• Initialisierungsausdruck: Wird normalerweise zum Deklarieren des Anfangswerts von verwendet ein Zähler, also der Anfangswert der Schleife.

• Bedingter Ausdruck: Definiert die Bedingung für die Ausführung des Schleifencodeblocks, mit der gesteuert wird, ob der Code im Schleifenkörper ausgeführt werden soll. Wenn die Bedingung FALSE ist, wird die Schleife sofort beendet.

• Variablenaktualisierung: Wird nach der Ausführung jedes Schleifencodeblocks ausgeführt. Bei jeder Ausführung der Schleife wird der Zählerwert sofort geändert. Der Ausführungsablauf für die Schleifenanweisung ist in der folgenden Abbildung dargestellt:

Beispiel 1:

In einer HTML-Datei schreiben wir beispielsweise den folgenden Code, um die Summe von 1 bis 100 zu berechnen:

  var result = 0;
  for(var i = 1; i <= 100; i++) {
    result = result + i;
  }
  alert(result);

Wenn Sie diese Datei in einem Browser öffnen, wird eine Popup-Ebene angezeigt . Was in der Popup-Ebene angezeigt wird, ist die Summe von 1 bis 100:

Im obigen Code deklarieren wir eine Variable result und weisen ihr den Wert 0 zu, was angibt, dass die Die Anfangssumme ist 0.

Dann drei Anweisungen in der for-Schleife:

Variableninitialisierung i = 1, was bedeutet, dass bei 1 begonnen wird. result 并给它赋值为 0，表示初始的总和为 0 。

然后在 for 循环中三个语句：

• 变量初始化 i = 1，表示从 1 开始计算。
• 条件表达式 i ，表示只要 <code>i 小于等于 100 循环就会一直执行，当 i 大于 100 循环会停止。
• 变量更新 i++，之前我们学运算符的时候学过，这是递增运算符 ++，表示为其操作数增加 1。

此时我们可以一点点来看这个 for 循环：

第一次循环： result = 0 + 1   // 此时result值为0，  i的值为1
第二次循环： result = 1 + 2   // 此时result值为0+1，i的值为2
第三次循环： result = 3 + 3   // 此时result值为1+2，i的值为3
第四次循环： result = 6 + 4   // 此时result值为3+3，i的值为4
第五次循环： result = 10 + 5  // 此时result值为6+4，i的值为5
...

我们只需要搞清楚 for 循环中的执行原理，不需要手动来计算求和，只要写好代码，执行代码后计算机会很快会告诉我们1到 100 的总和。

再补充一下，上述代码中result = result + i，我们也可以写成 result += i，这是我们之前学过的加赋值运算符，还记得吗？

示例2：

再来看一个例子，例如我们可以使用 for 循环来实现数组遍历，首先定义一个数组 lst：

var lst = ["a", "b", "c", "d", "e"];

在写 for 循环时，首先就是要搞清楚小括号里面的三个语句，因为我们可以通过数组中元素的下标索引来获取元素的值，而数组的索引又是从 0 开始，所以变量初始化可以设置为i = 0。第二个条件表达式，因为数组中最后一个索引为 lst.length - 1，所以只要小于等于 lst.length - 1，循环就会一直执行。而i 就相当于 <code>i<lst.length>。第三个变量更新，当循环每循环一次，索引值就加一，所以为 <code>i++。

所以循环可以像下面这样写：

for(i = 0; i<lst.length; i++){
    console.log(lst[i]);  // 输出数组中的元素值，从索引为0的值开始输出，每次加1，一直到lst.length-1
}

输出：

a
b
c
d
e

其实遍历数组还有一种更好的方法，就是使用 for...in

Der bedingte Ausdruck i bedeutet, dass die Schleife weiter ausgeführt wird, solange <code>i kleiner oder gleich 100 ist größer als 100 ist, wird die Schleife angehalten.

Variablenaktualisierung i++, wir haben es bereits gelernt, als wir Operatoren gelernt haben. Dies ist der Inkrementoperator ++, was bedeutet, dass sein Operand um 1 erhöht wird. An diesem Punkt können wir uns diese for-Schleife Stück für Stück ansehen:

// 省略第一个表达式
var i = 0;
for (; i < 5; i++) {
    // 要执行的代码
}
// 省略第二个表达式
for (var y = 0; ; y++) {
    if(y > 5){
        break;
    }
    // 要执行的代码
}
// 省略第一个和第三个表达式
var j = 0;
for (; j < 5;) {
    // 要执行的代码
    j++;
}
// 省略所有表达式
var z = 0;
for (;;) {
    if(z > 5){
        break;
    }
    // 要执行的代码
    z++;
}

Wir müssen nur das Ausführungsprinzip der for-Schleife verstehen, und das gibt es Das Ergebnis muss nicht manuell berechnet werden. Und solange wir den Code schreiben, teilt uns der Computer nach der Ausführung des Codes schnell die Summe von 1 bis 100 mit.

Um im obigen Code result = result + i hinzuzufügen, können wir es auch als result += i schreiben. Dies ist der Additionszuweisungsoperator, den wir gelernt haben Vorher. Beispiel 2:

Sehen wir uns ein weiteres Beispiel an. Zum Beispiel können wir die for-Schleife verwenden, um einen Array-Durchlauf zu implementieren:

for (var i = 1; i <= 9; i++) {
    for (var j = 1; j <= i; j++) {
        document.write(j + " x " + i + " = " + (i * j) + "&emsp;");
    }
    document.write("<br>");
}

schreibt Wenn for Schleifen ausgeführt werden, müssen Sie zunächst die drei Anweisungen in Klammern verstehen, da wir den Wert des Elements über den Index des Elements im Array ermitteln können. und der Index des Arrays beginnt bei 0 , sodass die Variableninitialisierung auf i = 0 gesetzt werden kann. Der zweite bedingte Ausdruck, da der letzte Index im Array lst.length - 1 ist, also solange er kleiner oder gleich lst.length - 1 ist, Die Schleife wird weiterhin ausgeführt. Und i entspricht <code>i<lst.length>. Die dritte Variable wird bei jedem Schleifendurchlauf aktualisiert, der Indexwert wird um eins erhöht, sodass er <code>i++ ist.

Die Schleife kann also so geschrieben werden:

for (变量 in 对象) {
	// 代码块
}

Ausgabe: 🎜

var lst = ["a", "b", "c", "d", "e"];for(var l in lst){
    console.log(lst[l]);}

🎜Tatsächlich gibt es eine bessere Möglichkeit, das Array zu durchlaufen, nämlich die for...in-Schleife zu verwenden Anweisung zum Durchlaufen des Arrays. 🎜🎜🎜🎜für drei Ausdrücke in der Schleife🎜🎜🎜🎜JS für Die drei Ausdrücke in den Klammern in der for-Schleife können weggelassen werden, aber das Semikolon, das zum Trennen der drei Ausdrücke verwendet wird, kann nicht weggelassen werden, wie im folgenden Beispiel gezeigt: 🎜

a
b
c
d
e

🎜🎜🎜 for-Schleifenverschachtelung🎜🎜🎜🎜Egal welche Art von Schleife, sie kann verschachtelt werden (das heißt, eine oder mehrere Schleifen werden in einer Schleife definiert, um die Verschachtelung zu demonstrieren). Verwendung der folgenden Schleifen: 🎜

var object = {
    姓名:'侠侠',
    年龄:'22',
    性别:'男',
    出生日期:'1997-08-05',
    职业:'程序员',
    特长:'跳舞'
}

for(var i in object) {
	console.log(i + ":" + object[i]);
}

🎜Laufergebnisse: 🎜🎜🎜🎜

扩展知识：for 循环变体--for…in 循环

for...in 循环主要用于遍历数组或对象属性，对数组或对象的属性进行循环操作。for...in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

语法如下：

for (变量 in 对象) {
	// 代码块
}

for 循环括号内的变量是用来指定变量，指定的可以是数组对象或者是对象属性。

示例：

使用 for...in 循环遍历我们定义好的 lst 数组：

var lst = ["a", "b", "c", "d", "e"];for(var l in lst){
    console.log(lst[l]);}

输出：

a
b
c
d
e

除了数组，for...in 循环还可以遍历对象，例如我们遍历 侠侠 的个人基本信息：

var object = {
    姓名:'侠侠',
    年龄:'22',
    性别:'男',
    出生日期:'1997-08-05',
    职业:'程序员',
    特长:'跳舞'
}

for(var i in object) {
	console.log(i + ":" + object[i]);
}

输出：

姓名: 侠侠
年龄: 22
性别: 男
出生日期: 1997-08-05
职业:程序员
特长:跳舞

【相关推荐：javascript学习教程】

Das obige ist der detaillierte Inhalt vonVerfügt JavaScript über eine for-Schleife?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!