js에는 몇 개의 루프 메소드가 있습니까? js의 7가지 루프 메서드 소개(코드 포함)

이 글의 내용은 js에 얼마나 많은 루프 메소드가 있는지에 관한 것입니다. js의 7가지 반복 방법(코드 포함)에 대한 소개는 특정 참조 가치가 있으므로 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

JavaScript는 LOOPS를 반복하는 다양한 방법을 제공합니다. 이 튜토리얼에서는 최신 JAVASCRIPT

Introduction

의 다양한 루프 가능성을 설명합니다. JavaScript는 루프를 반복하는 다양한 방법을 제공합니다. 이 튜토리얼에서는 작은 예와 주요 속성을 통해 각각을 설명합니다.

for

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

• break를 사용하여 for 루프를 중단할 수 있습니다.

• continue를 사용하여 for 루프의 다음 반복을 계속할 수 있습니다.

forEach

ES5에 도입되었습니다. 배열이 주어지면 list.forEach()를 사용하여 해당 속성을 반복할 수 있습니다.

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))

하지만 이 루프에서 벗어날 수는 없다는 점에 유의하세요.

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)

break를 사용하여 while 루프를 중단할 수 있습니다.

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

continue를 사용하여 다음 반복으로 이동할 수 있습니다.

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
}

break를 사용하여 while 루프를 중단할 수 있습니다. :

while (true) {
  if (something) break
}

continue를 사용하여 다음 반복으로 이동할 수 있습니다.

while (true) {
  if (something) continue

  //do something else
}

do...while과의 차이점은 do...while은 항상 루프를 한 번 이상 실행한다는 것입니다.

for...in

속성 이름이 주어지면 객체의 열거 가능한 모든 속성을 반복합니다.

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

for...of

ES2015에서는 forEach의 단순성과 해킹 능력을 결합한 for 루프를 도입했습니다.

//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
}

const 사용에 유의하세요. 이 루프는 반복할 때마다 새로운 범위를 생성하므로 let 대신 안전하게 사용할 수 있습니다.

for...in VS FOR...OF

과 for...in의 차이점은 다음과 같습니다.
for...of 반복 속성 값
for...in iteration 속성 이름

관련 권장사항:
js의 for in 루프와 java의 foreach 루프 간의 차이점 분석

JS 이벤트 루프_javascript 기술 이해

🎜🎜

위 내용은 js에는 몇 개의 루프 메소드가 있습니까? js의 7가지 루프 메서드 소개(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!