Javascript (자바스크립트) - 반복문 (for문, while문, do while문)

자바스크립트에서 조건문과 마찬가지로 중요한 개념이 반복문이다.

 

똑같은 내용을 여러번 반복해야 할 경우

console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");
console.log("반복이 필요해");

// "반복이 필요해" 라는 문구가 10번 출력된다.

이런식으로 똑같은 내용을 여러번 복사, 붙여넣기를 해야한다.

 

하지만 자바스크립트에서는 반복문을 사용하면

복사, 붙여넣기의 반복이 아닌 단 몇 줄의 코드만으로 불필요한 복, 붙을 하지 않아도 된다.

 

1. for문

반복문 중에서도 가장 많이 사용되는 것이 for문이다.

for (초기화; 조건문; 증감){
   // 조건문 범위 내로 실행
}

for (var i = 0; i < 10; i++){
   console.log("반복이 필요해");
}

// "반복이 필요해" 10번 출력

1. 초기화 변수를 설정 (var 변수 = 초기값)

2. 반복할 조건 설정 (변수 <= 조건에 해당할 값)

3. 증가 or 감소값 설정 (변수++, 변수--, 변수*2...)

 

2. while문

var 변수 = 초기값;   // 초기값 설정
while (조건){
   // 조건이 참일 동안 계속해서 실행
   i++;  // 증,감
}


var i = 0;
while (i < 10){
   console.log("반복이 필요해");
   i++;
}

// "반복이 필요해" 10번 출력

1. 초기화 변수는 while문 이전에 설정 (var 변수 = 초기값)

2. 반복할 조건은 while(조건)에 입력

3. while문 안에 증가 or 감소값 설정

 

3. do while문

do while문은 do 영역 안에 있는 내용이 먼저 한 번 실행되고

while(조건)에 만족할 때 까지 do{}안에 있는 내용이 반복된다.

var 변수 = 초기값;  // 초기값 설정
do{
   // 우선 한 번 실행
   // while의 조건을 확인하고 참이면 계속 실행
   
} while(조건);


var i = 0;
do{
   console.log("반복이 필요해");
} while(i < 10);

// "반복이 필요해" 10번 출력

 

1. 초기화 변수는 do{} while() 문 이전에 설정 (var 변수 = 초기값)

2. 반복할 조건은 while(조건)에 입력

3. do{} 안에 증가 or 감소값 설정