lessons 8. 제어문
2023.02.05
자바스크립트 스터디 3회차
공부 사이트: https://poiemaweb.com/
8. 제어문
1) 블록문
0개 이상의 문들을 중괄호로 묶은 것. 문의 끝에는 세미콜론을 붙이나, 블록문은 세미콜론을 붙이지 않는다.
// 블록문
{
var num = 10;
console.log(num);
}
2) 조건문
주어진 조건식의 평가 결과에 따라 코드 블록(블록문)의 실행을 결정함.
조건식 = boolean 값으로 평가될 수 있는 표현식
① if else문
- 조건식의 평가 결과가 boolean이 아니라면 boolean 값으로 강제 변환되어 논리적 참/거짓을 판단
- 조건식을 추가하기 위해서 else if문 사용
- 코드블록 내 문이 하나라면 중괄호 생략 가능
- 대부분의 if..else문은 삼항 조건 연산자로 바뀔 수 있음
var x = 2;
var result1 = x % 2 ? '홀수' : '짝수'; //삼항 조건 연산자
console.log(result1); //짝수
var result2 = num ? (num > 0 ? '양수' : '음수') : '영';
console.log(result2); //양수[TIP] 삼항 조건 연산자
condition ? exprIfTrue : exprIfFalse
② switch문
- 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case문으로 실행 순서를 이동
- case문, defualt문
switch (표현식) {
case 표현식1:
//실행구문
break;
case 표현식2:
//실행구문
break;
default:
//실행구문 (switch문의 표현식과 일치하는 표현식 갖는 case문이 없을 때)
break;
}※ 주의할 점: break문이 없으면 표현식과 일치하는 case문을 실행해도 switch문을 탈출하지 않는다. 즉, 일치하는 case문으로 실행 순서 이동 후 그 아래에 있는 다른 case문도 모두 실행하게 된다. → 폴스루(fall through)
var score = 'C'
switch (score) {
case 'A':
console.log('A등급입니다. ');
case 'B':
console.log('B등급입니다. ');
case 'C':
console.log('C등급입니다. ');
default:
console.log('D등급입니다. ');
}
switch문은 다양한 키워드를 사용해야 하고, 폴스루가 발생하는 등 문법이 복잡하다. if else 문 사용을 권장.
3) 반복문
조건식 평가 결과가 참이면 코드 블록 실행. 그 후 조건식을 다시 검사하여 여전히 참이면 코드 블록 재실행 ...
조건문이 거짓일 때까지 반복됨.
① for 문: 조건식이 거짓으로 판별될 떄까지 코드블록 반목 실행
for(초기화식;조건식;증감식){
//조건식이 참인 경우 반복실행
}[for문 실행순서]
- 초기화식 실행
- 조건식 평가
- 코드 블록 실행
- 증감식 실행
.... 증감식 실행 종료 후 다시 조건식을 평가하는데, 여기서 평가 결과가 true면 반복, false면 종료된다.
// 무한 루프
for (;;) {
....
}
② while 문
- 조건식 평가 결과가 참이면 코드블록 반복 실행.
- 조건식의 평가 결과가 boolean 값이 아니면 boolean 값으로 강제 변환되어 논리적 참/거짓을 구분.
var count = 0;
while (count < 3) {
console.log(count);
count++;
}
//무한루프
while (true) {
...
}
무한 루프를 탈출하기 위해서는 코드 블럭 내 탈출 조건을 만들어 주면 된다.
var count = 0;
// 무한루프
while (true) {
console.log(count);
count++;
if (count === 3) break;
}
③ do while문: 코드 블록을 먼저 실행하고 조건식을 평가한다. 코드 블록은 최소 1회 실행.
var count = 0;
// 무한루프
do {
console.log(count);
count++;
} while(count < 3);
④ break 문
- 레이블 문, 반복문, switch문의 코드 블록을 탈출
- if문에 사용하면 문법 에러
- 레이블 문(Label statement): 식별자가 붙은 문. 프로그램의 실행 순서를 제어하기 위해 사용함 (case문, default문 등..)
// test라는 레이블 식별자가 붙은 문
test1: console.log('test');
test2: {
console.log('사과');
break test2;
console.log('딸기');
}
console.log('냠냠');
- 중첩 for문의 내부 for문에서 break문 사용 시 내부 for문을 탈출함. 외부 for문으로 진입
- 외부 for문까지 한번에 탈출하려면 레이블 문을 사용하면 된다.
test: for(var i=0;i<3;i++){
for(var j=0;j<3;j++){
console.log(i + "," + j)
if(i+j ===3) break test;
}
}
console.log('완료');- 중첩 for문 탈출 시 레이블 문은 유용하나, 그 외의 경우 레이블 문을 권장하지 않음. 프로그램의 흐름이 복잡해져서 가독성이 나빠지고 오류 발생 가능성이 높아지기 때문임.
⑤ continue 문
- 반복문의 코드 블록 실행을 현 지점에서 중단하고 반복문 증감식으로 이동. 탈출X
var string = 'Hello World.';
var count = 0;
for (var i = 0; i < string.length; i++) {
if (string[i] !== 'l') continue; //i번째 문자가 l이면 continue 사용함 (count++; 수행하지 않음)
count++;
}
console.log(count);
// 참고로 String.prototype.match 메소드를 사용해도 같은 동작을 한다.
console.log(string.match(/l/g).length); // 3