JavaScript _tip / 삼항 연산자 쉽게 이해하자!

삼항 연산자 활용하기

---

삼항 연산자는 JavaScript에서 3개의 항을 사용하는 유일한 연산자 입니다. 조건 연산자는 조건에 따라 2개의 값중 하나를 가질 수 있습니다

 

삼항연산자의 장점은 단순한 조건의 코드일 경우 불필요한 코드를 줄일 수 있어 알아두면 너무 유용한 연산자 입니다.

 

대부분 어렵게 느껴져서 그냥 넘어가는 경우가 있는데 원리만 알면 너무 쉽고 다양하게 응용할 수 있어서 알아 두면 너무나 좋은 꿀팁 중에 꿀 연산자 입니다.

 

// 삼항 연산자 구조 //

조건 ? 값1 : 값2

▶  만약 조건이 참이라면, 조건 연산자는 값1을 값으로 갖습니다. 그렇지 않은 경우 조건 연산자는 값2을 값으로 갖습니다. 표준 연산자를 사용하는 어디든 조건연산자를 사용할 수 있습니다.

 

// 예시 //
age >= 20 ? 'adult' : 'youngboy'  // 만약 age에 20이상의 수를 넣으면 adult출력, 아니면 youngboy 출력됩니다.

// 좀 더 확실한 이해를 위한 예시 //

function isAdult(age) {
  if(age >= 20){
          return 'adult'
   }else return 'youngboy'
}

// 보편적으로 위와같이 코드를 작성합니다. 하지만 삼항연산자를 활용하면 코드를 좀더 쉽게 줄일수 있습니다.

function isAdult(age) {
return age >= 20 ? 'adult' : 'youngboy'
}

// 이렇게 간단한 조건일 경우 삼항 연산자를 쓰면 불필요한 코드를 줄일 수 있습니다.

 

▶  삼항 연산자는 조금만 공부해보면 쉽게 이해할수 있으니 꼭 공부 해보시는 것을 추천 드립니다.

아래 링크와 같이 삼항 연산자를 어떤식으로 활용해서 풀었는지 아래 문제예시를 확인 하면서 학습 해보시길 바랍니다.

 

https://joy-codeing-lee.tistory.com/13?category=959903

isEitherEvenAndLessThan9

https://joy-codeing-lee.tistory.com/14?category=959903

isPythagorean

https://joy-codeing-lee.tistory.com/16?category=959903

makeLastSeenMsg