조건 연산자

조건 연산자는 ? 좌항의 값이 참일 경우 :의 좌항을, 아니라면 우항을 실행하도록 한다.

condition ? exprIfTrue : exprIfFalse;

condition
조건문으로 사용되는 표현식

exprIfTrue
condition이 truthy한 값으로 평가될 경우 실행되는 표현식 (true와 같거나, true로 치환될 수 있는 값)

exprIfFalse
condition이 falsy한 값으로 평가될 경우 실행되는 표현식 (false와 같거나, false로 치환될 수 있는 값)

---

if 문과 조건 연산자의 차이점

💡 조건 연산자는 연산 결과를 변수에 할당 할 수 있다.

가끔 우리는 변수의 값을 조건에 따라 다르게 할당해야 하는 경우가 발생한다.

let accessAllowed;
let age = prompt('How old are you?', '');

if (age > 18) {
	accessAllowed = true;
} else {
	accessAllowed = false;
}

console.log(accessAllowed);

위 코드를 조건 연산자를 사용하면 한 줄로 표현할 수 있다.

let acessAllowed = (age > 18) ? true : false;

---

조건 연산자의 무조건적인 사용을 지양하자.

• 조건 연산자는 코드의 길이를 줄여주고 연산 결과를 바로 변수에 할당할 수 있다는 점에서 장점을 가지고 있다.
• 그러나 조건 연산자의 표현식으로 들어가는 코드의 길이가 길어질 수록, 코드는 읽기 불편해진다.
• 유지보수를 잘 할 수 있고 읽기 편한 코드를 작성하기 위해서, 조건 연산자를 무조건적으로 사용하는 것은 지양해야 한다.
  
  

---

📚 참고자료
MDN 조건 (삼항) 연산자
모던 자바스크립트 조건문