Wie viele Schleifenmethoden gibt es in js? Einführung in sieben Schleifenmethoden in js (mit Code)

Der Inhalt dieses Artikels befasst sich mit der Frage, wie viele Schleifenmethoden es in js gibt. Die Einführung der sieben Schleifenmethoden in js (mit Code) hat einen gewissen Referenzwert. Ich hoffe, dass sie für Sie hilfreich ist.

JavaScript bietet viele Methoden zum Durchlaufen von LOOPS. Dieses Tutorial erklärt die große Vielfalt an Schleifenmöglichkeiten im modernen JAVASCRIPT.

Einführung

JavaScript bietet viele Möglichkeiten, Schleifen zu durchlaufen. Dieses Tutorial erklärt jedes einzelne anhand eines kleinen Beispiels und der wichtigsten Eigenschaften.

for

const list = ['a', 'b', 'c']
for (let i = 0; i < list.length; i++) {
  console.log(list[i]) //value
  console.log(i) //index
}

• Sie können break verwenden, um die for-Schleife zu unterbrechen.

• Sie können continue verwenden, um mit der nächsten Iteration fortzufahren der for-Schleife

forEach

wurde in ES5 eingeführt. Bei einem gegebenen Array können Sie seine Eigenschaften mit list.forEach() durchlaufen:

const list = ['a', 'b', 'c']
list.forEach((item, index) => {
  console.log(item) //value
  console.log(index) //index
})

//index is optional
list.forEach(item => console.log(item))

Beachten Sie jedoch, dass Sie aus dieser Schleife nicht herauskommen.

do...while

const list = ['a', 'b', 'c']
let i = 0
do {
  console.log(list[i]) //value
  console.log(i) //index
  i = i + 1
} while (i < list.length)

Sie können break verwenden, um die while-Schleife zu unterbrechen:

do {
  if (something) break
} while (true)

Sie können continue verwenden, um zur nächsten Iteration zu springen:

do {
  if (something) continue

  //do something else
} while (true)

while

const list = ['a', 'b', 'c']
let i = 0
while (i < list.length) {
  console.log(list[i]) //value
  console.log(i) //index
  i = i + 1
}

Mit break können Sie die while-Schleife unterbrechen:

while (true) {
  if (something) break
}

Mit continue können Sie zur nächsten Iteration springen:

while (true) {
  if (something) continue

  //do something else
}

Unterschied zu do. ..while Der Punkt ist, dass do...while die Schleife immer mindestens einmal ausführt.

for...in

Iteriert alle aufzählbaren Eigenschaften eines Objekts unter Berücksichtigung des Eigenschaftsnamens.

for (let property in object) {
  console.log(property) //property name
  console.log(object[property]) //property value
}

for...of

ES2015 führte die for-Schleife ein, die die Einfachheit von forEach mit der Hacking-Leistung kombiniert:

//iterate over the value
for (const value of ['a', 'b', 'c']) {
  console.log(value) //value
}

//get the index as well, using `entries()`
for (const [index, value] of ['a', 'b', 'c'].entries()) {
  console.log(index) //index
  console.log(value) //value
}

Beachten Sie die Verwendung von const. Diese Schleife erstellt bei jeder Iteration einen neuen Bereich, sodass wir ihn sicher anstelle von let verwenden können.

for...in VS FOR...OF Der Unterschied zwischen

und for...in ist:

• for... of Attributwert iterieren

• für...in Attributnamen iterieren

Verwandte Empfehlungen:

js für Analyse des Unterschieds zwischen In-Schleife und Foreach-Schleife in Java

Javascript-Kenntnisse für JS-Ereignisschleifen verstehen

Das obige ist der detaillierte Inhalt vonWie viele Schleifenmethoden gibt es in js? Einführung in sieben Schleifenmethoden in js (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!