반복적인 작업을 효율적으로 처리하려면 JavaScript 루프가 필수적입니다. 지정된 조건이 true로 유지되는 한 코드 블록을 반복적으로 실행합니다. 이러한 루프는 작업을 자동화하고 코드를 간소화하기 위한 강력한 도구입니다.
예를 들어, 인쇄하고 싶다고 가정해 보겠습니다. 안녕하세요 세계 5 회. 이는 JS Loop를 사용하여 쉽게 수행할 수 있습니다. 루프에서는 명령문을 한 번만 작성하면 되며 루프는 아래와 같이 5번 실행됩니다.
자바스크립트 for (let i = 0; i < 5; i++) { console.log('Hello World!'); }> 산출
Hello World! Hello World! Hello World! Hello World! Hello World!>
내용의 테이블
1. 루프용 자바스크립트
그만큼 JS for 루프 루프 구조를 작성하는 간결한 방법을 제공합니다. for 루프는 초기화, 조건, 증가/감소를 한 줄에 포함하므로 더 짧고 디버그하기 쉬운 루프 구조를 제공합니다.
통사론
for (initialization; testing condition; increment/decrement) { statement(s) }>흐름도
- 초기화 조건: 변수를 초기화하고 for 루프의 시작을 표시합니다. 이미 선언된 변수를 사용할 수도 있고 변수를 선언할 수도 있습니다(로컬에서는 루프에만 해당).
- 테스트 조건: for 루프의 종료 조건을 테스트하는 데 사용됩니다. 부울 값을 반환해야 합니다. 그것은 또한 출입 통제 루프 루프 문을 실행하기 전에 조건을 확인하기 때문입니다.
- 명령문 실행: 조건이 true로 평가되면 루프 본문의 명령문이 실행됩니다.
- 증가/감소: 다음 반복을 위해 변수를 업데이트하는 데 사용됩니다.
- 루프 종료: 조건이 false가 되면 루프가 종료되어 수명 주기가 종료됩니다.
예
자바스크립트 // JavaScript program to illustrate for loop let x; // for loop begins when x = 2 // and runs till x <= 4 for (x = 2; x <= 4; x++) { console.log('Value of x: ' + x); }> 산출
Value of x: 2 Value of x: 3 Value of x: 4>
2. JavaScript while 루프
그만큼 JS while 루프 주어진 부울 조건에 따라 코드가 반복적으로 실행되도록 하는 제어 흐름 문입니다. while 루프는 if 문을 반복하는 것으로 생각할 수 있습니다.
통사론
while (boolean condition) { loop statements... }>흐름도
- while 루프는 조건을 확인하면서 시작됩니다. true로 평가되면 루프 본문 문이 실행되고 그렇지 않으면 루프 다음의 첫 번째 문이 실행됩니다. 이런 이유로, 그것은 또한 칭해진다. 진입 제어 루프
- 조건이 true로 평가되면 루프 본문의 명령문이 실행됩니다. 일반적으로 명령문에는 다음 반복을 위해 처리되는 변수에 대한 업데이트된 값이 포함됩니다.
- 조건이 false가 되면 루프가 종료되어 수명 주기가 종료됩니다.
예
자바스크립트 // JavaScript code to use while loop let val = 1; while (val < 6) { console.log(val); val += 1; }> 산출
1 2 3 4 5>
3. JavaScript do-while 루프
그만큼 JS do-while 루프 while 루프와 유사하지만 유일한 차이점은 명령문을 실행한 후 조건을 확인한다는 것입니다. 제어 루프를 종료합니다. 조건이 거짓인 경우 적어도 한 번 루프 내용을 실행합니다.
통사론
do { Statements... } while (condition);> 흐름도 
- do-while 루프는 명령문 실행으로 시작됩니다. 처음에는 어떤 조건도 확인하지 않습니다.
- 명령문을 실행하고 변수 값을 업데이트한 후 조건이 참인지 거짓인지 확인합니다. true로 평가되면 루프의 다음 반복이 시작됩니다.
- 조건이 false가 되면 루프가 종료되어 수명 주기가 종료됩니다.
- do-while 루프는 조건을 확인하기 전에 적어도 한 번은 명령문을 실행하므로 종료 제어 루프의 예라는 점에 유의하는 것이 중요합니다.
예
자바스크립트 let test = 1; do { console.log(test); test++; } while(test <= 5)> 산출
1 2 3 4 5>
4. JavaScript for-in 루프
JS for-in 루프 객체의 속성을 반복하는 데 사용됩니다. for-in 루프는 열거 가능한 속성이 true로 설정된 객체의 키에 대해서만 반복됩니다.
통사론
for(let variable_name in object_name) { // Statement }>예: 이 예에서는 for-in 루프의 사용을 보여줍니다.
자바스크립트 let myObj = { x: 1, y: 2, z: 3 }; for (let key in myObj) { console.log(key, myObj[key]); }> 산출
x 1 y 2 z 3>
5. JavaScript for-of 루프
JS for-of 루프 배열, 객체, 집합 및 맵과 같은 반복 가능한 객체를 반복하는 데 사용됩니다. 주어진 반복 가능한 객체의 값을 직접 반복하며 for 루프보다 더 간결한 구문을 갖습니다.
통사론:
for(let variable_name of object_name) { // Statement }>예: 이 예에서는 for-of 루프의 사용을 보여줍니다.
자바스크립트 let arr = [1, 2, 3, 4, 5]; for (let value of arr) { console.log(value); }> 산출
1 2 3 4 5>
6. JavaScript 레이블이 있는 문
JS 라벨 키워드 goto 키워드를 포함하지 않습니다. 사용자는 label 문과 함께 continue 키워드를 사용할 수 있습니다. 또한 사용자는 break 키워드를 사용하여 루프/블록을 종료할 수 있습니다. 레이블을 정의하지 않고 break 키워드를 사용할 수도 있지만 이는 상위 루프/블록만 종료합니다. break 키워드를 사용하여 내부 루프에서 외부 루프를 종료하려면 사용자가 레이블을 정의해야 합니다.
통사론
Label: statement (loop or block of code)>
예
자바스크립트 let sum = 0, a = 1; // Label for outer loop outerloop: while (true) { a = 1; // Label for inner loop innerloop: while (a < 3) { sum += a; if (sum>12) { // 내부 루프에서 외부 루프를 중단합니다. break externalloop; } console.log('sum = ' + sum); ++; } }> 산출
sum = 1 sum = 3 sum = 4 sum = 6 sum = 7 sum = 9 sum = 10 sum = 12>
7. JavaScript Break 문
JS break 문 조건이 참일 때 루프나 스위치 문의 실행을 종료하는 데 사용됩니다.
통사론
break;>
예
자바스크립트 for (let i = 1; i < 6; i++) { if (i == 4) break; console.log(i); }> 산출
1 2 3>
8. JavaScript Continue 문
JS 계속 문 루프의 반복을 중단하고 다음 반복을 수행하는 데 사용됩니다. 반복 중단은 지정된 조건이 발생할 때만 가능합니다. continue와 break 문의 주요 차이점은 break 문은 루프에서 완전히 벗어나는 반면 continue는 한 문을 중단하고 다음 문으로 반복하는 데 사용된다는 것입니다.
통사론
continue;>
예
자바스크립트 for (let i = 0; i < 11; i++) { if (i % 2 == 0) continue; console.log(i); }> 산출
1 3 5 7 9>
9. 자바스크립트 무한 루프(루프 오류)
어떤 종류의 루프를 구현하는 동안 가장 흔한 실수 중 하나는 루프가 종료되지 않을 수 있다는 것입니다. 즉, 루프가 무한 시간 동안 실행됩니다. 어떤 이유로 조건이 실패할 때 발생합니다.
예: 이 예에서는 무한 루프를 보여줍니다.
자바스크립트 // JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (let i = 5; i != 0; i -= 2) { console.log(i); } x = 5라고 하자; // 업데이트 문이 제공되지 않기 때문에 무한 루프입니다. // while (x == 5) { console.log('In the loop'); }>