삼항 연산자

if문을 간단하게 표현하기 위해 쓴다. 조건 연산자라고도 한다.

표현은 다음과 같다.

(조건) ? 값1 : 값2

조건이 참인 경우 값1, 거짓인 경우 값2가 실행된다.

실제로 어떻게 쓸 수 있는지 살펴보자.

const a = 1;
const b = 2;

if (a>b) {
  console.log(a);
} else {
  console.log(b);
}

위의 코드를 삼항연사자로 표현하면 아래와 같다.

const a = 1;
const b = 2;

const c = (a>b) ? a : b;
console.log(c);

둘 다 a가 b보다 크면 a를, 작으면 b를 출력한다. 확실히 아래쪽이 간편해 보인다.

---

다중 삼항 연산자

일반 조건문에서 여러가지 조건을 걸 경우 else if를 통해 표현한다. 삼항 연산자에서는 어떻게 할까?

(조건문1) ? (참일 때 값) : (거짓일 때 수행할 조건문2) ? (조건문 2 참일 때 값) : (거짓일 때 수행할 조건문 3)...... : (모두 거짓일 때)

const a = 1;
const b = 2;
const c = 3;

if (a>b) {
  console.log(a);
} else if(b>c) {
  console.log(b);
} else {
  console.log(c);
};

위 코드를 삼항 연산자로 바꾸면 아래와 같다.

const a = 1;
const b = 2;
const c = 3;

const d = (a>b) ? a : (b>c) ? b : c;
console.log(d)