Einführung in verschiedene Schleifen in js (mit Code)

Dieser Artikel bietet Ihnen eine Einführung in verschiedene Schleifen in js (mit Code). Freunde in Not können darauf verweisen.

JavaScript bietet viele Methoden zum Durchlaufen von Schleifen.

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 verwenden weiter fortfahren Die nächste Iteration 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)

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

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

Mit continue können Sie zur nächsten Iteration 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
}

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

while (true) {
  if (something) break
}

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

while (true) {
  if (something) continue

  //do something else
}

Der Unterschied zu do... while ist das. .while führt die Schleife immer mindestens einmal aus.

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... von Iterate-Attributwert

• für...in Iterate-Attributname

Verwandte Empfehlungen:

JS-for-while-Schleife

Analyse des Unterschieds zwischen js-for-in-Schleife und Java-foreach-Schleife

Das obige ist der detaillierte Inhalt vonEinführung in verschiedene Schleifen in js (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!