JavaScript / 조건문

 

조건문

 

📌  조건문의 종류
if	조건을 검사하고 참일때만 코드 실행
if, else	if의 조건을 검사하고 참일때 if의 코드 실행, 거짓일때 else 코드 실행
else if	if, else if 참일때만 코드 실행, 거짓일때 else 코드 실행
switch	조건에 맞는 case를 찾아 코드를 실행

 

// if문 형식
if(Boolean type 조건){
	// 조건이 true일때만 실행
}else{
	// 조건이 false일때 실행
}



// else if문 형식
if(Boolean type 조건){
	// 조건이 true일때만 실행
}else if(Boolean type 조건){
	// 조건이 true일때 실행
}else{
	// 조건이 false일때만 실행
}



// if, else 예시
// 아이디와 비밀번호를 확인해보는 코드
log_in("abcd","1234"); // 출력값: 로그인 성공!
log_in("abcd", "9876"); // 출력값: 로그인이 실패했습니다.

function log_in(id, pw){
    if(id == "abcd" && pw == "1234"){
        console.log("로그인 성공!");
    }else{
        console.log("로그인이 실패했습니다.");
    }
}



// else-if 예시
// 아이디와 비밀번호를 조금더 친절하게 확인해보는 코드
log_in("abcd","1234"); // 출력값: 로그인 성공!
log_in("abcd", "9876"); // 출력값: 비밀번호가 맞지 않습니다.
log_in("adcb", "1234"); // 출력값: 아이디가 맞지 않습니다.

function log_in(id, pw){
    if(id != "abcd"){
        console.log("아이디가 맞지 않습니다.");
    }else if(pw != "1234"){
        console.log("비밀번호가 맞지 않습니다.");
    }else{
        console.log("로그인 성공!");
    }
}

 

 

• 📌 if문과 switch문 차이점
  • if문은 결과가 참과 거짓 두가지 밖에 없기 때문에 경우의 수가 많아질수록 else-if를 계속 추가해야한다.
  • 따라서, if문에서 여러개 조건식을 계산하게 되면 처리시간이 많이걸리게 되는데
  • switch문은 단 하나의 조건식으로 많은 경우의 수를 처리할 수 있고. 표현도 간결해서 알아보기 쉽다.

 

 

// switch문 형식
switch(비교할 값){
	case 1:
		실행할 코드
	case 2:
		실행힐 코드
	case 3:
		실행할 코드
	default:
		실행할 코드
}




// 예시
// 회원제 사이트에서 사용할것 같아서 예시를 만들어봄
// 1.체인점, 2.vip, 3.일반
buy(2); //출력값: 2번렌즈를 구매할 수 있음, 3번렌즈를 구매할 수 있음

function buy(isMember){
	switch(isMember){
		case 1:
				console.log("1번렌즈를 구매할 수 있음"); // 체인점회원은 1-3번 렌즈를 구해할 수 있음
		case 2:
				console.log("2번렌즈를 구매할 수 있음"); // vip회원은 2-3번의 렌즈를 구매할 수 있음
		case 3:
				console.log("3번렌즈를 구매할 수 있음"); // 일반회원은 3번의 렌즈만을 구매할 수 있음
	}
}


// break, default 예시
// 조건문의 결과값은 정수, 문자열
print(1); // 출력값: 1은 일기예보!

function print(val){
    switch(val){
        case 1 :
            console.log("1은 일기예보!");
            break;
        case 2 :
            console.log("2는 이마트!");
            break;
        case "a" :
            console.log("a는 apple!");
            break;
        default :
            console.log("입력값이 없습니다.");
			break;
    }
}