230117 JS: 숙달을 위한 메모 - Operator(연산자) 편 II

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영).

 

---

 

지난 연산자글은 단순 산수 관련이 었다면, 

이번 연산자 숙·메 글은 좀 더 머리가 돌아가야하는?

기억해 둬야하는 이유가 좀 더 다분한 그런 연산자들이다.

 

---

비교 연산자: &&, ||

예시

console.log(
  NaN && {} && 123 //>> NaN: 먼저 출력되는 falsy가 출력: 하나라도 false면 false
)

console.log(
  1 || false || 123 // >> 1: 먼저 출력되는 truthy 출력, 왜? 하나라도 true면 true
)

console.log(
  1 || false || 123 //>> 1: 먼저 출력되는 truthy 출력, 왜? 하나라도 true면 true
)


//Nullish 병합(Nullish Coalescing): null, undefined를 같이 지칭하는 단어 ??로 저 두개만 구분한다.
//null, undefined이 아닌 것 만 출력된다.

---

삼항연산자(Ternary)

예시

// 삼항연산자 작성 방법
// 1번째 항 ? 2번째항 : 3번째항

const a = 1

if (a < 2) {
  console.log('참!'); // 출력
} else {
  console.log('거짓..');
}

// 조건 ? 값1 : 값2
console.log(a < 2 ? '참!' : '거짓..'); //참!

function getAlert(message) {
  return message ? message : '메시지가 존재하지 않습니다!'
}

console.log(getAlert('안녕하세요~')) //>> '안녕하세요~'
console.log(getAlert()) //>> '메시지가 존재하지 않습니다!'