Цикл for... of – мой любимый способ выполнения цикла в JavaScript.
Он сочетает в себе лаконичность циклов forEach с возможностью разрыва.
Синтаксис таков:
const list = ['a', 'b', 'c']
for (const item of list) {
console.log(item)
}Вы можете прерваться в любой момент времени, используя перерыв :
const list = ['a', 'b', 'c']
for (const item of list) {
console.log(item)
if (item === 'b') break
}Вы можете пропустить итерацию, используя продолжить :
const list = ['a', 'b', 'c']
for (const item of list) {
if (item === 'b') continue
console.log(item)
}Вы можете получить индекс итерации, используя записи() :
const list = ['a', 'b', 'c']
for (const [index, value] of list.entries()) {
console.log(index) //index
console.log(value) //value
}Обратите внимание на использование const . Цикл for..of создает новую область на каждой итерации, поэтому мы можем безопасно использовать ее вместо пусть .
Оригинал: “https://flaviocopes.com/javascript-for-of-loop/”