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);
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:
- 变量初始化
i = 1
,表示从 1 开始计算。 - 条件表达式
i <= 100
,表示只要i
小于等于 100 循环就会一直执行,当i
大于 100 循环会停止。 - 变量更新
i++
,之前我们学运算符的时候学过,这是递增运算符++
,表示为其操作数增加 1。
Variableninitialisierung
i = 1
, was bedeutet, dass bei 1 begonnen wird. result
并给它赋值为 0,表示初始的总和为 0 。然后在 for
循环中三个语句:
此时我们可以一点点来看这个 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 <= lst.length - 1
就相当于 i<lst.length
。第三个变量更新,当循环每循环一次,索引值就加一,所以为 i++
。
所以循环可以像下面这样写:
for(i = 0; i<lst.length; i++){ console.log(lst[i]); // 输出数组中的元素值,从索引为0的值开始输出,每次加1,一直到lst.length-1 }
输出:
a b c d e
其实遍历数组还有一种更好的方法,就是使用 for...in
i <= 100
bedeutet, dass die Schleife weiter ausgeführt wird, solange 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) + " "); } 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 <= lst.length - 1
entspricht i<lst.length
. Die dritte Variable wird bei jedem Schleifendurchlauf aktualisiert, der Indexwert wird um eins erhöht, sodass er i++
ist.
Die Schleife kann also so geschrieben werden:
for (变量 in 对象) { // 代码块 }
var lst = ["a", "b", "c", "d", "e"];for(var l in lst){ console.log(lst[l]);}
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
var object = { 姓名:'侠侠', 年龄:'22', 性别:'男', 出生日期:'1997-08-05', 职业:'程序员', 特长:'跳舞' } for(var i in object) { console.log(i + ":" + object[i]); }
扩展知识: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!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

Einführung in die Verwendung von JavaScript und WebSocket zur Implementierung eines Online-Bestellsystems in Echtzeit: Mit der Popularität des Internets und dem Fortschritt der Technologie haben immer mehr Restaurants damit begonnen, Online-Bestelldienste anzubieten. Um ein Echtzeit-Online-Bestellsystem zu implementieren, können wir JavaScript und WebSocket-Technologie verwenden. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das auf dem TCP-Protokoll basiert und eine bidirektionale Kommunikation zwischen Client und Server in Echtzeit realisieren kann. Im Echtzeit-Online-Bestellsystem, wenn der Benutzer Gerichte auswählt und eine Bestellung aufgibt

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Einführung: Heutzutage ist die Genauigkeit von Wettervorhersagen für das tägliche Leben und die Entscheidungsfindung von großer Bedeutung. Mit der Weiterentwicklung der Technologie können wir genauere und zuverlässigere Wettervorhersagen liefern, indem wir Wetterdaten in Echtzeit erhalten. In diesem Artikel erfahren Sie, wie Sie mit JavaScript und WebSocket-Technologie ein effizientes Echtzeit-Wettervorhersagesystem aufbauen. In diesem Artikel wird der Implementierungsprozess anhand spezifischer Codebeispiele demonstriert. Wir

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

Verwendung: In JavaScript wird die Methode insertBefore() verwendet, um einen neuen Knoten in den DOM-Baum einzufügen. Diese Methode erfordert zwei Parameter: den neuen Knoten, der eingefügt werden soll, und den Referenzknoten (d. h. den Knoten, an dem der neue Knoten eingefügt wird).

JavaScript ist eine in der Webentwicklung weit verbreitete Programmiersprache, während WebSocket ein Netzwerkprotokoll für die Echtzeitkommunikation ist. Durch die Kombination der leistungsstarken Funktionen beider können wir ein effizientes Echtzeit-Bildverarbeitungssystem erstellen. In diesem Artikel wird erläutert, wie dieses System mithilfe von JavaScript und WebSocket implementiert wird, und es werden spezifische Codebeispiele bereitgestellt. Zunächst müssen wir die Anforderungen und Ziele des Echtzeit-Bildverarbeitungssystems klären. Angenommen, wir haben ein Kameragerät, das Bilddaten in Echtzeit sammeln kann
