스위치 조건문(switch statement), 삼항 연산자 The Conditional (Ternary) Operator

 

 

자바스크립트 스위치 조건문 (javascript switch)

 

자바스크립트에서는 if-else의 조건문으로 조건을 작성할수도 있겠지만, 표현하고자 하는 조건이 다수일 경우에는 if-else문을 계속에서 해용하는것보다 switch 조건문을 통해서 작성하는것이 훨씬 코드 가독성이 좋다. 

////////////////////////////////////

// The switch Statement

const day = 'friday';

switch (day) {

case 'monday': // day === 'monday'

console.log('Plan course structure');

console.log('Go to coding meetup');

break;

case 'tuesday':

console.log('Prepare theory videos');

break;

case 'wednesday':

case 'thursday':

console.log('Write code examples');

break;

case 'friday':

console.log('Record videos');

break;

case 'saturday':

case 'sunday':

console.log('Enjoy the weekend :D');

break;

default:

console.log('Not a valid day!');

}

 

이렇게 스위치문도 때때로 사용될수 있다는것을 알수 있음! 

조건이 성립하여  break를 만나면 그 이후부터는 비교가 되지 않고  switch문이 종료된다. default 문은 일반적으로 가장 마지막에 위치한다.

 

본인이 좋아하는 코딩 스타일을 개발하면 됨 !

 

 

조건문에는 switch 조건문과 if-else조건문이 있다면 하나 더 추가할것이 있다! ㅡ바로 3항 연산자!

주로 if-else을 간단하게 쓰고자 할때 사용하여 true나 false중 하나를 선택할수 있다.

 

 

조건 ? value1 : value2

 

(구문표현 설명 : 조건을 실행하고  참이면 value1이 실행되고 거짓이면 value2가 실행된다.)

 

// The Conditional (Ternary) Operator

const age = 23;

// age >= 18 ? console.log('I like to drink wine 🍷') : console.log('I like to drink water 💧');

const drink = age >= 18 ? 'wine 🍷' : 'water 💧';

console.log(drink);

let drink2;

if (age >= 18) {

drink2 = 'wine 🍷';

} else {

drink2 = 'water 💧';

}

console.log(drink2);

console.log(`I like to drink ${age >= 18 ? 'wine 🍷' : 'water 💧'}`);

*/

 

(연습문제)

금액(bill)이 50불에서 300이면 금액(bill)의 15퍼센트를 팁으로 지불하고 이외의 경우라면 20퍼센트를 지불하는 내용을 3항연산자로 작성해보자! 

const bill = 275; 

const tip = bill <= 300 && bill >= 50 ? bill * 0.15 : bill * 0.2;

console.log(

`The bill was ${bill}, the tips was ${tip} and the total value ${bill + tip}`

);