자바스크립트 - 조건문

조건문?

프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다.

 

---

if

• if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행, 거짓(false)이면 실행하지 않는다.
• 숫자 0, 빈 문자열(""), null, undefined, NaN은 불린형으로 변환 시 모두 false가 된다.

if (표현식1) {
    // 표현식1 조건이 맞을 때 실행할 구문
} else if (표현식2) {
    // 표현식2 조건이 맞을 때 실행할 구문
} else {
    // 위의 표현식이 모두 맞지 않을때 실행 할 구문
}

var number1 = 10;
var number2 = 20;
var number3 = 30;

if (number1 > number2) {
    console.log('number1 is bigger than number2');
} else if (number2 > number3) {
    console.log('number2 is bigger than number3');
} else {
    console.log('number3 is biggest than else');
}
// number3 is biggest than els

---

switch

주어진 조건 값에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문이다.
if문의 표현식이 많아질 경우 swtich문을 사용하면 가독성이 높아진다.

• case의 값이 일치하면 해당 블록의 코드를 실행한다.
• break; 문을 사용하지 않으면 다음 블록(case또는 default)을 계속해서 실행한다.
• default는 모든 case에 속하지 않으면 실행된다. 꼭 맨마지막이 아니어도 되지만 일반적으로 아래쓴다.

switch (조건 값) {
    case 값1:
        // 조건 값이 값1일 때 실행하고자 하는 실행문;
        break;

    case 값2:
        // 조건 값이 값2일 때 실행하고자 하는 실행문;
        break;
    default:
        // 조건 값이 어떠한 case 절에도 해당하지 않을 때 실행하고자 하는 실행문;
        break;
}

var name = 'jin';
switch (name) {
    case 'park jin':
    case 'jin':
        console.log('hi park jin');
        break;
    case 'hong':
    case 'hong gil dong':
        console.log('hi hong gil dong');
        break;
    default:
        console.log('hi unknown person');
        break;
}
// hi park jin

• break문을 빼먹었을 경우

var name = 'jin';
switch (name) {
    case 'park jin':
    case 'jin':
        console.log('hi park jin');
    case 'hong':
    case 'hong gil dong':
        console.log('hi hong gil dong');
    default:
        console.log('hi unknown person');
}
// hi park jin
// hi hong gil dong
// hi unknown person

• break; 문을 일부러 넣지 않을수 있다.
• 예시)
  • 점수가 100점, 90점, 80점에게 각각 선물을 주며 참가상으로 쿠폰을준다.
  • 100점을 받을경우 하위 점수에 있는 모든 선물도 받을수 있다.

var score = 90;
var present = [];
switch (score) {
    case 100:
        present.push('TV');
    case 90:
        present.push('RADIO');
    case 80:
        present.push('HAMBERGER');
    default:
        present.push('COUPON');
}
console.log(present); // [ 'RADIO', 'HAMBERGER', 'COUPON' ]

---

출처

http://tcpschool.com/javascript/js_control_condition

코딩교육 티씨피스쿨