front-end/js

[JS] 7. 반복문 (for, while, do while)

쭈냥이 2023. 11. 10. 19:32

1.  for

(1-1)for문은 내가 정한 횟수만큼 반복해주는 반복문입니다.

const year = 2023;

for(let i = 1; i < 6; i++){
  console.log(`올해는 ${year}년 이므로, ${i}년 후에는 ${year+i}년 입니다.`);
}

(1-2) for문의 형식은 for(초기값; 반복횟수조건; 증감값) {반복시킬 문장} 입니다.

- 위 코드에서 제가 설정한 변수 i의 초기값은 1입니다.

- 위 코드에서 반복횟수조건은 i가 6보다 작을 때 입니다.

-위 코드에서 증감값은 i++입니다, 여기서 ++란, 반복이 끝날 때마다 1씩 증가시키겠다는 의미입니다.

따라서, i는 반복할 떄마다 1,2,3,4,5까지 증가할 것이며 6이 되는 순간 조건이 false가 되면서 반복을 멈출 것입니다.

 

 

2. while

(2-1) while문은 내가 정한 조건이 true일 경우, false가 될 때까지 반복합니다.

let i = 0;

while(i < 3){
  console.log("아메리카노 먹고싶당");
  i++
}

 

(2-2) while문의 형식은 while(조건){반복내용} 입니다.

(2-3) while문은 마음만 먹으면 무한반복이 가능하기에 꼭 i++도 사용하여 조건이 false가 되는 순간을 설정해줘야합니다.

 

 

 

 

 

 

3. do while

(3-1)만약 조건이 처음부터 false라면 반복문이 시작도 못해보고 끝나겠죠? 그걸 방지해주는게 do while입니다.

let i = 5;

do{
  console.log("한 번이라도 좋으니까 기회를 줘!");
}while(i > 10)

위 코드에서 i = 5인데 while 조건식에 i가 10보다 클 때에만 true로 작동하게 되어있습니다.

그렇다면 console.log가 실행되지 않겠죠?

 

하지만 do while이기 때문에 최소 1번은 실행하고 나서 조건을 따져보게 됩니다.

 

'front-end > js' 카테고리의 다른 글

[JS] 9. 객체(Object)  (0) 2023.11.15
[JS] 8. 함수(function)  (0) 2023.11.15
[JS] 6. 논리연산자(&&, ||, !)  (0) 2023.11.10
[JS] 5. 조건문(if, else if, else, switch)  (0) 2023.11.10
[JS] 4. 비교 연산자 (< , <=, >, >= , ==, !=, ===)  (0) 2023.11.10