이 기사는 js의 여러 가지 루프(코드 포함)를 소개합니다. 이는 특정 참조 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
JavaScript는 루프 반복을 위한 다양한 메서드를 제공합니다.
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 루프의 다음 반복을 계속할 수 있습니다.
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))
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)
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 (let property in object) { console.log(property) //property name console.log(object[property]) //property value }
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의 차이점은 다음과 같습니다.
for...of 반복 속성 값
for...in iteration 속성 이름
관련 권장사항:
js의 for in 루프와 java의 foreach 루프의 차이점 분석
위 내용은 js의 다양한 루프 소개(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!