6. 제어문

제어문이 왜 중요한가?

• 코드의 흐름을 제어

---

조건문(Conditional Statement)

• 조건이 참이라면 { } 코드를 실행함
• if(조건){ }
• if(조건) else{}
• if(조건) else if (조건2){} else{}

삼항 조건 연산자(Ternary Operator)

• 조건식 ? 참인경우 : 거짓인경우

let num =2;
// num의 숫자가 짝수이면 👍, 홀수라면 👎을 출력하도록

// if문
if(num % 2 ===0){
	console.log('👍'); 
}else{
	console.log('👎');
}

// ternary
let emoji = num % 2 === 0 ? console.log('👍') : console.log('👎');

switch

• 정해진 범위안의 값에 대해 특정한 일을 해야 하는 경우
• break를 쓰지 않으면 조건이 충족되는지 여부에 관계없이 다음 case 실행

switch(조건){
	case value1 :
		실행문
		break;
	case value1 :
		실행문
		break;
	.
    .
    .
    
	case valueN :
		실행문
		break;
		default: // 모든 조건에 해당하지 않는 경우에 코드 실행
}

let condition = 'okay'; //okay,good -> 좋음! bad -> 나쁨
switch(condition){
	case 'okay':
	case 'good':
		text= '좋음';
		break;
	case 'bad':
		text = '나쁨!';
		break;
}
console.log(condition);

---

반복문(Loop Statement)

• for(변수선언문; 조건식; 증감식){}
• 실행순서
  1. 변수 선언문
  2. 조건식의 값이 참이면 { } 코드블럭을 수행
  3. 증감식을 수행
  4. 조건식이 거짓일 될깨까지 2번과 3번 반복함
• 반복문 제어: continue, break;

// for 문
for(let i = 0; i<5; i++){
	console.log(i);
}
// 0, 1, 2, 3, 4

// 중첩 for 문
for (let i = 0; i < 5; i++) { 
	for (let j = 0; j < 5 ; j++){ // j를 먼저 증가시고 i를 증가시킴
		console.log(i, j);
	}
}
// 0 0
// 0 1
// 0 2 ....

// continue, break
for(let i = 0; i < 20; i++){
	if(i === 10){
		continue; // 아래 있는 코드는 무시하고 다음 반복으로 넘어감
		console.log('i가 10이 되었다!');
		break; // i가 10이 되면 종료 반복문을 특정한 조건에 그만두고 싶을 때 사용
	}
	console.log(i);
}

while

• while(조건){}
• 조건이 false가 될때까지 {} 코드를 반복 실행

let num = 5;
while(num >=0){
	console.log(num);
	num--;
}

• do{} while(조건);
• 일단 먼저 실행하고 나서 조건을 검사
• do{}를 실행하고 while 조건을 검사하고 true면 do{} 다시 실행 false면 종료

---

논리연산자(Logical operator)

• && 그리고 (And 연산자)
  둘 중에 하나라도 false라면 false
• || 또는 (OR 연산자)
  둘 중에 하나라도 true라면 true
• ! 부정(단항연산자에서 온것)
• !! 불리언값으로 변환 (단항연산자 응용버전)

let num = 8;
if (num >= 0 || num > 20) {
  console.log('👍');
}
if (num != 9) {
  console.log('🙏');
}

console.log(true && true); // true
console.log(true && false); // false
console.log(false && true); // false
console.log(false && false); // false

console.log(true || true); // true
console.log(true || false); // true
console.log(false || true); // true
console.log(false || false); // false