본문 바로가기

TIL/JavaScript

반복문(for, while)

반복문은 불필요한 나열된 코드들을 줄여, 간결하게 만들어주기 때문에 자주 사용된다.

 

1. for 문

/*
for(초기값; 조건식; 증감식){
	실행코드
}
                 사용방법*/

for(let num =1; num <=3; num+=2){
	result += num;
}

- 초기값 : let num =1    >> 증감식의 반복횟수를 카운트하는 역할을 하며, 변수로는 보통 integer의 약자인 'i'를 주로 사용한다.

  • let num =1 // 변수 num을 1로 초기화

 

- 조건식 : num <= 3   >> 코드블록 내부의 코드 실행 여부 결정 (true 여야 내부코드가 실행된다.)

  • num <= 3 // 변수 num 이 3 보다 같거나 작을 때 코드 실행

-증감식: num +=2 >> 코드블록 내부의 코드 실행 후 초기값으로 선언된 변수 증가 or 감소 시키기 위한 표현식

  • num += 2 // num 에 2를 더함

 

   1) 초기값 설정 변수 num 선언 후 1 할당

   2) 조건식에 따라 3보다 1이 작음 > true (or false)를 평가

   3) true 이기 때문에 내부 코드 실행

   4) 증감식에 따라 num은 1+2 = 3

   5) 조건식 다시 확인 ...(반복)

   6) 조건식에서 false 가 나오면 반복문 종료.

 

<각 문자를 하나씩 차례로 출력하는 코드>

let str = 'parkjiwon’;  // 변수 str 에 'parkjiwon' 할당
for (let i = 0; i <= str.length -1; i++){ // 초기값 i = 0, 문자열의 길이 -1 이 될 때가지, i는 코드실행 후 1씩 증가
	console.log(str[i]); // 'p', 'a'... 'parkjiwon'이 하나씩 출력된다.
}

 

2. while 문

let num = 1;   // 변수 선언
while(num<=3){      // 조건 num <= 3 이 true 라면 코드 실행
	result += num;   
    num += 2;     // 증감식
}

  - while 문은 for 문과 달리 (초기값;조건; 증감식)이 아닌 조건식의 결과가 true라면 코드를 실행한다.

     따라서, 변수를 밖에서 선언해주어야하고, 안에서 증감식을 적어주어야 올바르게 이용이 가능하다.

 

  - 변수를 선언하지 않으면 조건문이 돌아가지 않고 또한, 조건식이 무조건 true인 경우에는 무한루프가 되버리니 

     false의 상황이 존재하는지 확인해야한다.

 

 

 

3. Do While문

let num = 1;   // 변수 선언
Do{
result += num;  // 조건 상관없이 코드 실행 
}
while(num <= 3) // 조건 확인

  -Do while과 while 문의 다른점은 Do while은 조건의 평가와는 상관없이 무조건 1번은 코드가 실행된다는 점이다.

 

 

 

>> for 과 while 은 둘을 구분짓기에는 서로가 하는 것을 서로 구현이 가능하다. 하지만

   for 문

  • 반복횟수가 명확할 때
  • 배열, 문자열의 내부를 순회할 때
  • 반복문의 중첩이 필요할 때 >> (밖의 반복문이 한번 돌 때, 안의 반복문 전부가 돈다.)

 

while 문

  • 반복횟수가 명확하지 않을 때

 

주로 사용하게 된다.

'TIL > JavaScript' 카테고리의 다른 글

객체 지향 프로그래밍 (클래스와 인스턴스) in JS  (0) 2023.01.13
함수  (0) 2022.12.23
조건문(if, else if , else)  (0) 2022.12.19
변수  (2) 2022.12.17
Type  (0) 2022.12.17