Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie Schleifenanweisungen in Javascript

So verwenden Sie Schleifenanweisungen in Javascript

PHPz
Freigeben: 2023-05-22 14:34:37
Original
551 Leute haben es durchsucht

JavaScript ist eine weit verbreitete Programmiersprache mit einer flexiblen und einfachen Syntax, die häufig für die Webentwicklung und Browser-Skripterstellung verwendet wird. In JavaScript ist eine Schleife eine Struktur zur Ausführung sich wiederholender Aufgaben, die Programmierern dabei hilft, ihren Code zu vereinfachen und große Datenmengen einfacher zu verarbeiten. In diesem Artikel stellen wir detailliert vor, wie Schleifenanweisungen in JavaScript verwendet werden.

  1. for-Schleife

Die for-Schleife ist eine der am häufigsten verwendeten Schleifenstrukturen in JavaScript. Es ermöglicht dem Programmierer, eine Variable zu definieren, die über einen bestimmten Bereich iteriert, und bei jeder Iteration Code auszuführen. Im Allgemeinen besteht eine for-Schleife aus drei Teilen: Initialisierung, Bedingung und Inkrementierer.

Beispiel:

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}
Nach dem Login kopieren

Der obige Code verwendet eine for-Schleife, um jedes Element in einem Array an die Konsole auszugeben. Der Initialisierungsteil let i = 0 definiert die Variable i und setzt sie auf 0, der bedingte Teil i < array.length gibt den Schleifenbereich an und der Inkrementierungsteil i++erhöht den Wert der Variablen i. let i = 0定义了变量i并将其设置为0,条件部分i < array.length指定了循环范围,递增器部分i++增加了变量i的值。

  1. while循环

while循环也是JavaScript中常用的循环结构之一。它允许程序员在条件为真时重复执行一些代码。与for循环不同,while循环只包括一个条件,当条件为真时会一直重复执行。

示例:

let i = 0;
while (i < array.length) {
  console.log(array[i]);
  i++;
}
Nach dem Login kopieren

上面的代码使用while循环将array数组中的每个元素输出到控制台。变量i的初始化和递增与for循环相同,而while的条件i < array.length指定了循环范围。

  1. do-while循环

do-while循环也是JavaScript中常用的循环结构之一。它允许程序员在条件为真时重复执行一些代码,与while循环不同的是,它首先执行一次代码块,然后再判断条件是否为真,如果条件为真,则重复执行代码块。

示例:

let i = 0;
do {
  console.log(array[i]);
  i++;
}
while (i < array.length);
Nach dem Login kopieren

上面的代码使用do-while循环将array数组中的每个元素输出到控制台。变量i的初始化和递增与前两个示例相同,而do-while循环的条件i < array.length

    while-Schleife
    1. while-Schleife ist auch eine der am häufigsten verwendeten Schleifenstrukturen in JavaScript. Es ermöglicht dem Programmierer, wiederholt Code auszuführen, wenn eine Bedingung wahr ist. Im Gegensatz zu einer for-Schleife enthält eine while-Schleife nur eine Bedingung und wird wiederholt ausgeführt, wenn die Bedingung wahr ist.

    Beispiel:

    const person = {name: "John", age: 30, city: "New York"};
    for (let key in person) {
      console.log(key + ": " + person[key]);
    }
    Nach dem Login kopieren

    Der obige Code verwendet eine While-Schleife, um jedes Element in einem Array an die Konsole auszugeben. Die Initialisierung und Erhöhung der Variablen i ist die gleiche wie bei der for-Schleife, während die Bedingung von while i < array.length den Schleifenbereich angibt.

      do-while-Schleife

      1. do-while-Schleife ist auch eine der am häufigsten verwendeten Schleifenstrukturen in JavaScript. Sie ermöglicht es dem Programmierer, Code wiederholt auszuführen, wenn die Bedingung wahr ist. Im Gegensatz zur while-Schleife wird der Codeblock zunächst einmal ausgeführt und dann festgestellt, ob die Bedingung wahr ist.
      Beispiel:

      const array = [1, 2, 3];
      for (let value of array) {
        console.log(value);
      }
      Nach dem Login kopieren
      Der obige Code verwendet eine Do-While-Schleife, um jedes Element in einem Array an die Konsole auszugeben. Die Initialisierung und Inkrementierung der Variablen i ist die gleiche wie in den beiden vorherigen Beispielen, und die Bedingung der do-while-Schleife i < array.length gibt den Schleifenbereich an und wird nach dem Codeblock beurteilt wird ausgeführt.

      for...in-Schleife

      for...in-Schleife ist eine Schleifenstruktur, die zum Iterieren der Eigenschaften eines Objekts verwendet wird. Es ermöglicht dem Programmierer, alle Eigenschaften eines Objekts zu durchlaufen und einige Verarbeitungen durchzuführen.

      Beispiel: 🎜rrreee🎜Der obige Code verwendet eine for...in-Schleife, um das Personenobjekt zu durchlaufen und jedes Attribut des Objekts (Name, Alter und Stadt) an die Konsole auszugeben. 🎜🎜🎜for...of-Schleife 🎜🎜🎜for...of-Schleife ist ein neues Schleifenkonstrukt, das es Programmierern ermöglicht, Daten einfacher zu manipulieren, wenn sie Arrays und andere iterierbare Objekte iterieren. Es wird häufig mit der neuen Iterator-Schnittstelle in ES6 verwendet. 🎜🎜Beispiel: 🎜rrreee🎜Der obige Code verwendet eine for...of-Schleife, um ein Array-Array zu durchlaufen und jeden Wert des Arrays an die Konsole auszugeben. 🎜🎜Zusammenfassung: 🎜🎜Dieser Artikel beschreibt die Verwendung häufig verwendeter Schleifenstrukturen in JavaScript, einschließlich for-Schleifen, while-Schleifen, do-while-Schleifen, for...in-Schleifen und for...of-Schleifen. Die Schleifenstruktur ist eine der am häufigsten verwendeten Strukturen in JavaScript und eignet sich sehr gut für die Verarbeitung und Manipulation großer Daten- und Objektmengen. Kenntnisse in der Beherrschung und Verwendung von Schleifenstrukturen können Programmierern dabei helfen, JavaScript-Code effizienter zu schreiben. 🎜

      Das obige ist der detaillierte Inhalt vonSo verwenden Sie Schleifenanweisungen in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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