[모던 자바스크립트] 8장 제어문

* 본 블로그 글은 모던 자바스크립트를 읽으며 진행했음을 밝힙니다.

* 개인적인 공부 기록용이, 상업적으로 사용하지 않으며 문제가 있을 시 즉시 글을 내리도록 하겠습니다.

 

8장 제어문

 

1.블록문

블록문이란, 0개 이상의 문을 중괄호로 묶은 것이다.

🍷 직접 보는 것이 더 빠르다.

// 블록문
{ var x = 10; }

// 제어문
var y = 10;
if(y < 10) {
	y++;
}

// 함수 선언문
const sum = (x, y) => {
	return x + y;
}

 

2. 조건문

조건문이란, 조건에 따라 평가 결과가 나뉘는 문이다.

🍷 if문

if(조건식) {
// 조건이 참인 경우
} else {
// 조건이 거짓인 경우
}

 

🍷 if...else문

if(조건식1) {
// 조건식1이 참이면 실행
} else if(조건식2) {
// 조건식2 참이면 실행
} else {
// 조건식1, 조건식2가 모두 거짓이면 실행
}

 

🍷 삼항 연산자

// 조건문 : 참 ? 거짓
var num = 20;

var result = num > 30 ? '참' : '거짓';

 

🍷 switch문

switch (표현식) {
case 표현식1:
	결과
    break;
    
case 표현식2:
	결과
    break;
    
	default:
	결과
}

🍸 쉽게 설명하면 어떠한 표현식(값)이 case의 표현식(값)과 같으면 매칭되는 결과가 나온다는 것이다.

🍸 break를 빼면 안된다. 

🍸if...else문을 쓰는 것 보다는 switch, 그보다 좋은 건 단일 if문! 

🍸 가독성은 좋지만, 다른 조건문에 비해 성능이 좋지 않다.

 

3. 반복문

반복문이란, 조건식의 평가 결과가 참인 경우 실행하는 문이다.

 

🍷 for문

for(변수 선언문; 조건식; 증감식;) {
	조건식이 참인 경우 반복 실행
};

for(let i = 1; i < 10; i++) {
	console.log(i);
}

🍸 console.log에는 1부터 9까지 찍힌다.

🍸 만약 조건식이 참이라면, 무한 반복된다.(고장나버림)

 

🍷 while문

let count = 0;

// count가 3보다 작을 때까지 코드 블록을 계속 반복
while(count < 3) {
	console.log(count);
    count++;
}

🍸 이 친구도 조건식이 참이면 무한 루프를 돈다.

 

🍷 do...while문

🍸 이 친구는 무조건 한번은 실행하고 나서 조건식을 평가한다.

let count = 0;

do{
	console.log(count); // 0 1 2
    count++;
} while (count < 3);

 

🍷 break문

이 친구는 코드 블록에서 탈출하게 만들어주는 친구다.

🍸 보통 switch문에서 많이 볼 수 있다.

 

🍷 continue문

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

for(let i = 0; i < 10; i++) {

    if(i === 5) {
        continue;
    }
    
console.log(i);
}

🍸 이러면 5는 안찍힌다.

 

---

조건문 / 반복문은 평생 사용한다고 생각하면 된다.

좀 더 고도화된 코드들이 있지만,

일단, 기본적인 친구들을 이용해서 공부하다보면 응용 버전은 금방 할 수 있을 것이다.

 

끝!