[Javascript] 제어문

2021.06.16 Ver.1

 

 

백준 단계별 코딩을 하고있는데 내가 제어문 부분을 생활코딩 강의로만 듣고 책으로 보진 않아서 해당 개념을 좀 헤갈려한다는 것을 알게 되었다.

그래서 if문을 풀고있지만 코드를 짜면서 드는 궁금증을 개념정의를 통해 먼저 해결하고자 오늘은 제어문을 학습하기로 한다.

 

1. 블록문 (코드블록)

- 0개 이상의 문을 중괄호{}로 묶은 것

- 블록문은 언제나 문의 종료를 의미하는 자체 종결성을 가지므로 블록문의 끝에는 세미콜론을 붙이지 않는다.

 

2. 조건문

- 주어진 조건식의 평가결과에 따라 코드블록의 실행을 결정함.

- 조건식은 불리언 값으로 평가될 수 있는 표현식

- if (조건식){코드블록}

 

- if else, else는 옵션임 (else가 옵션이었구나)

 

- 코드블록 내의 문이 하나뿐이면 중괄호를 생략할 수 있음

var num =2;

var kind;

if (num>0) kind =  '양수';

else          kind =  '음수';

 

- 삼항 조건 연산자로 바꿔 쓸 수 있음

경우의 수가 두가지인 경우 -> var kind = num ? '양수' : '음수';

경우의 수가 세가지인 경우 -> var kind = num ? (num > 0? '양수' : '음수') : '영';

 

삼항조건 연산자는 값으로 평가되는 표현식이기에 변수에 할당할 수 있음.

하지만, if..else문은 값처럼 사용할 수 없기 때문에 변수에 할당할 수 없음.

 

 

3. switch문

- 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case문으로 실행을 옮김.

상황을 의미하는 표현식을 지정하고 콜론으로 마침, 그리고 그 뒤에 실행할 문들을 위치시킴.

표현식과 일치하는 case문이 없다면 실행순서는 default문으로 이동함. (default문은 선택사항임)

 

switch (표현식){

    case 표현식1:

       switch 문의 표현식과 표현식1이 일치하면 실행될 문;

       break;

    case 표현식2:

       switch 문의 표현식과 표현식2이 일치하면 실행될 문;

       break;

   default:

      switch 문의 표현식과 일치하는 case문이 없을 때 실행될 문;

}

 

break가 없다면 문 실행 후에 탈출을 못하고 그 아래있는 문들을 순서대로 실행하게 됨.(이걸 fall through라고 함) 그러므로 꼭! break를 통해 탈출을 해줘야함.

 

- if..else는 논리적 참, 거짓 / switch는 다양한 상황에 따라서 사용

 

 

4. 반복문

- 조건식의 평가결과가 참인 경우 코드블록 실행, 그 후 조건식을 다시 평가하여 여전히 참인경우 다시 실행. 아하

조건식이 거짓일 때 까지 반복됨

 

- 자바스크립트에서는 for문,  while문, do...while문 제공

- 반복문 대체할 수 있는 기능 제공: 배열순회 시 사용하는 forEach메서드, 객체 프로퍼티 열거 시 사용하는  for...in문, ES6에 도입된 이터러블을 순회할 수 있는 for...of문

 

1) for문

- for (변수선언문 또는 할당문; 조건식; 증감식){

    조건식이 참인 경우 반복 실행될 문;}

 

- for (i=0; i<5; i++){

    console.log(i); }

 

- 변수선언문 또는 할당문은 단 한번만 실행됨, 이 후로는 증감식의 값과 조건식을 비교해서 코드블록을 실행시킴.

- 중첩 for문도 사용 가능 -> 경우의 수 구할 때 쓰면 좋을 듯 (ex. 두개의 주사위를 던져 두 눈의 합의 6이 되는 모든 경우의 수) 

 

- 뭔가, i가 반복횟수, 순서, 인덱스 등으로 쓰는 것 같다.

 

 

2) while문

- for문은 반복횟수가 명확할 때, while문은 반복횟수가 불명확할 때 주로 사용함.

- 평가결과가 거짓이면 코드블록을 실행하지 않고 종료함.

- 조건식의 평가결과가 불리언 값이 아니면 불리언 값으로 강제변환하여 논리적 참, 거짓을 구별함.

 

- while (count <3){

    console.log(count);

    count++;

 

    if (count === 3) break;

} 

 

- 무한루프 탈출을 위해선 코드블록 내에 if문으로 탈출조건을 만들고 break문으로 코드블록을 탈출.

 

- 조건문은 조건이 true이거나 false일 때를 따져서 블록문을 실행하지만

반복문은 true일 때만 블록문을 실행함.

 

3) do...while문

- 코드블록을 먼저 실행하고 조건식을 평가함, 따라서 코드블록은 무조건 한번 이상 실행된다.

 

- var count = 0;

do {

    console.log(count);

    count++;

} while (count < 3);

 

- [do..while] count는 0이야, count을 실행해, 1을 더해, count가 3보다 작아? 그럼 또 실행해.

- [while] count가 3보다 작으면 count를 실행해, 그리고 1을 더해. count가 3보다 작아? 그럼 또 실행해.

 

뭔가 비슷한 듯 다른데.

 

5. break문

- 레이블문, 반복문, switch문의 코드 블록 외에 break문을 사용하면 문법에러가 발생함.

(아, 어쩐지, 그래서 if문에 쓰니까 에러가 발생했구나.)

 

- 레이블문은 식별자가 붙은 문을 의미함. 사실 switch문의 case문과 default문도 레이블문임.

- 중첩된 for문의 내부 for문에서 break문을 실행하면 내부 for문을 탈출해 외부 for문으로 진입함.

이때 내부 for문이 아닌 외부 for문을 탈출하려면 레이블 문을 사용.

 

 

6. continue문

- 코드블록실행을 현 지점에서 중단하고 반복문의 증감식으로 실행흐름을 이동시킴.

break문처럼 반복문을 탈출하지는 않음.

 

for (var i = 0; i < string.length; i++){

    if (string[i] !== search) continue;

    count++;

}

 

for (var i = 0; i < string.length; i++){

    if (string[i] === search) count++;

}