[JS] 삼항 연산자

삼항연산자

//조건문을 파격적으로 줄일 수 있는 방법
let a = 3;
if (a >= 0) {
  console.log("양수");
} else {
  console.log("음수");
}

a 변수가 양수인지 아닌지 판별하는 조건식을 if문으로 작성했을 경우, 간단한 작동이지만 코드의 길이가 길다.

a >= 0 ? console.log("양수") : console.log("음수");
//조건식 ? 참일때 실행되는 코드 : 거짓일때 실행되는 코드

삼항연산자를 이용하면 한줄로 조건식을 작성할 수 있다.

//조건문을 파격적으로 줄일 수 있는 방법

let a = [1, 2];

const arrStatus = a.length === 0 ? "빈배열" : "안빈배열";
console.log(arrStatus);

//삼항연산자의 값을 명시하게 되면 대입연산자를 통해 결과를 값으로 받을 수 있다.

//삼항연산자와 Trusy와 Falsy

let a; //undefined

const result = a ? true : false;
console.log(result);

삼항연산자 중첩

//삼항연산자 중첩 사용
//학점 계산 프로그램
//90점 이상 A+
//50점 이상 B+
//둘다 아니면 F

let score = 100;
score >= 90 //90이 보진 확인
  ? console.log("A+")
  : score >= 50 //90보다 크지 않고, 50보다 큰지 확인한다.
  ? console.log("B+") //90보다 작고, 50보다 크다(조건 - 참)
  : console.log("F"); //50보다 작다.(조건 - 거짓)

중첩 삼항 연산자는 가독성이 떨어진다.
따라서 중첩으로 사용할때에는 if조건문을 이용해 가독성을 높여주는 것이 좋다.

if (score >= 90) {
  console.log("A+");
} else if (score >= 50) {
  console.log("B+");
} else {
  console.log("F");
}

위의 중첩된 삼항연산자를 if문으로 변경한 코드이다.