Heim > Web-Frontend > Front-End-Fragen und Antworten > Wie viele Arten von Schleifen gibt es in Javascript?

Wie viele Arten von Schleifen gibt es in Javascript?

PHPz
Freigeben: 2023-05-10 09:49:36
Original
607 Leute haben es durchsucht

JavaScript ist eine Skriptsprache, die häufig in der Webentwicklung und anderen Anwendungen verwendet wird. Es gibt viele Arten von Schleifen in JS, die zum wiederholten Ausführen eines Codeabschnitts verwendet werden. In diesem Artikel werden Schleifen in JavaScript ausführlich vorgestellt.

In JavaScript werden häufig folgende Schleifentypen verwendet:

  1. for-Schleife
    for-Schleife ist eine iterative Kontrollstruktur, die alle Elemente in einem Array immer wieder durchlaufen kann. Die Syntax lautet wie folgt:
for (initialization; condition; increment) {
   // code to be executed
}
Nach dem Login kopieren

wobei initialization der Startwert der Schleife ist, der eine Variable oder eine Konstante sein kann; condition ist die Schleifenbedingung. Wenn die Bedingung „false“ ist, endet die Schleife; increment ist der geänderte Wert nach jeder Ausführung der Schleife, ähnlich wie bei der Selbstinkrementierung oder Selbstdekrementierung. Der Beispielcode lautet wie folgt: initialization 是循环的起始值,可以是一个变量或一个常量;condition 是循环条件,当该条件为 false 时,循环结束;increment 是循环每次执行后的变化值,类似于自增或自减。示例代码如下:

for (let i = 0; i < 10; i++) {
   console.log(i);
}
Nach dem Login kopieren
  1. while 循环

while 循环是另一种迭代控制结构,只要条件为 true,就会一遍一遍地执行代码块。它的语法如下:

while (condition) {
   // code to be executed
}
Nach dem Login kopieren

示例代码如下:

let i = 0;
while (i < 10) {
   console.log(i);
   i++;
}
Nach dem Login kopieren
  1. do-while 循环

do-while 循环与 while 循环相似,但不同之处在于条件检查是在代码块执行完之后执行的。即使条件一开始就为 false,也至少会执行一次。它的语法如下:

do {
  // code to be executed
} while (condition);
Nach dem Login kopieren

示例代码如下:

let i = 0;
do {
   console.log(i);
   i++;
} while (i < 10);
Nach dem Login kopieren
  1. for-in 循环

for-in 循环用于遍历对象或数组中的属性或元素。它的语法如下:

for (variable in object) {
   // code to be executed
}
Nach dem Login kopieren

其中,variable 是要迭代的变量名,object 是要迭代的对象。示例代码如下:

const myObj = { a: 1, b: 2, c: 3 };
for (const property in myObj) {
   console.log(property + ": " + myObj[property]);
}
Nach dem Login kopieren
  1. for-of 循环

for-of 循环用于遍历可迭代的对象,比如数组和字符串。它的语法如下:

for (variable of iterable) {
  // code to be executed  
}
Nach dem Login kopieren

其中,variable 是要迭代的变量名,iterable

const myArray = [1, 2, 3];
for (const element of myArray) {
   console.log(element);
}
Nach dem Login kopieren
    while-Schleife

    🎜while-Schleife ist eine weitere iterative Kontrollstruktur, die einen Codeblock immer wieder ausführt, solange eine Bedingung wahr ist. Die Syntax lautet wie folgt: 🎜rrreee🎜Der Beispielcode lautet wie folgt: 🎜rrreee
      🎜do-while-Schleife🎜🎜🎜do-while-Schleife ähnelt der while-Schleife, der Unterschied besteht jedoch darin, dass die Die Bedingungsprüfung erfolgt im Codeblock. Wird nach der Ausführung ausgeführt. Auch wenn die Bedingung zunächst falsch ist, wird sie mindestens einmal ausgeführt. Seine Syntax lautet wie folgt: 🎜rrreee🎜Der Beispielcode lautet wie folgt: 🎜rrreee
        🎜for-in-Schleife🎜🎜🎜for-in-Schleife wird verwendet, um die Eigenschaften oder Elemente in einem Objekt zu durchlaufen oder Array. Die Syntax lautet wie folgt: 🎜rrreee🎜Wobei variable der zu iterierende Variablenname und object das zu iterierende Objekt ist. Der Beispielcode lautet wie folgt: 🎜rrreee
          🎜for-of-Schleife🎜🎜🎜for-of-Schleife wird zum Durchlaufen iterierbarer Objekte wie Arrays und Zeichenfolgen verwendet. Die Syntax lautet wie folgt: 🎜rrreee🎜Wobei variable der zu iterierende Variablenname und iterable das zu iterierende Objekt ist. Der Beispielcode lautet wie folgt: 🎜rrree🎜Die oben genannten sind die häufig verwendeten Schleifen in JavaScript. Beim Schreiben von JavaScript-Code müssen Sie je nach Bedarf unterschiedliche Schleifenstrukturen auswählen. Ich hoffe, dass dieser Artikel für alle hilfreich ist, um JavaScript-Schleifen zu verstehen. 🎜

Das obige ist der detaillierte Inhalt vonWie viele Arten von Schleifen gibt es 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