자바스크립트

제어문 if / switch / 삼항 조건연산자

양상추상츄 2021. 11. 8. 23:26

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

 

삼항 조건 연산자 - JavaScript | MDN

조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 맨 앞에 조건문 들어가고. 그 뒤로 물음표(?)와 조건이 참truthy이라면 실행할 식이 물음표 뒤로 들어

developer.mozilla.org

 

*if문 예제

let a = 123;

if(a === 123){
    console.log("a의 값은 123입니다.");
}

//----------------------------------------------------------

let b = 321;
if(b !== 321){
    console.log("a의 값은 321이 아닙니다.");
}else{
    console.log("a의 값은 321입니다.");
}

//----------------------------------------------------------

let score = 85;

if(score >= 90){
    console.log("성적은 A입니다.");
}else if(score >= 80){
    console.log("성적은 B입니다.");
}else if(score >= 70){
    console.log("성적은 C입니다.");
}else if(score >= 60){
    console.log("성적은 D입니다.");
}else{
    console.log("성적이 형편 없습니다.")
}

 

*switch 예제

let num = 123;

switch (num){
    case 123 :
        console.log("값은 123");
    case 1234 : // break문이 없기 때문에 모두 실행됨
        console.log("값은 1234");
    default :
        console.log("Case에 해당하는 값이 없습니다.");
}

console.log("----------------------------------------------------------------");
//----------------------------------------------------------------

num = 1234;

switch (num){
    case 123 :
        console.log("값은 123");
        break;
    case 1234 :
        console.log("값은 1234");
        break;
    default :
        console.log("Case에 해당하는 값이 없습니다.");
}

console.log("----------------------------------------------------------------");
//----------------------------------------------------------------

num = 321;

switch (num){
    case 123 :
        console.log("값은 123");
        break;
    case 1234 :
        console.log("값은 1234");
        break;
    default :
        console.log("Case에 해당하는 값이 없습니다.");
}

 

*삼항연산자 예제

// 아래 if문을 삼항연산자로 바꾸는 예제입니다.

let a = "문자";
let b = "자문";

if(a===b){
    console.log("a와 b의 값이 같습니다.");
}else{
    console.log("a와 b의 값이 다릅니다.");
}

a = "문자";
b = "문자";

let text = "";

if(a===b){
    text = "a와 b의 값이 같습니다.";
}else{
    text = "a와 b의 값이 다릅니다.";
}

console.log(text);

console.log("------------------------------------------");
//------------------------------------------

a = "문자";
b = "자문";

a===b 
 ? console.log("a와 b의 값이 같습니다.")
 : console.log("a와 b의 값이 다릅니다.");


a = "문자";
b = "문자";

text = a===b ? "a와 b의 값이 같습니다." : "a와 b의 값이 다릅니다.";
console.log(text);

'자바스크립트' 카테고리의 다른 글

Undefined 이해하기  (0) 2021.11.11
홀짝 맞추기 프로그램  (0) 2021.11.08
let과 var의 차이 : 호이스팅  (0) 2021.11.08
단위 변환 문제  (0) 2021.11.08
packege.json 오류  (0) 2021.11.08