연산자

자바스크립트에서 각 연산자는 고유한 기능과 역할을 가지고 있으며, 상황에 맞게 적절하게 사용

1. 산술 연산자
   숫자 데이터 간의 기본적인 수학 연산을 수행
   +, -, *, /, %, **

2. 할당 연산자
   변수에 값을 할당하는 역할
   =, +=, -=, *=, /=, %=, **=

3. 비교 연산자
   두 값을 비교하여 true/false 값을 반환
   ==, !=, ===, !==, >, <, >=, <=

4. 논리 연산자⭐
   논리적 연산을 수행하여 true/false 값을 반환
   && (논리 AND), || (논리 OR), ! (논리 NOT), ?? (nullish coalescing)

5. 조건(삼항) 연산자
   조건식의 결과에 따라 값을 결정
   condition ? valueIfTrue : valueIfFalse의 형태로 사용

6. 비트 연산자
   데이터의 비트 단위로 연산을 수행
   &, |, ^, ~, <<, >>, >>>

---

논리연산자(??, &&, ||)

조건부 렌더링이나 기본값 설정 등에 많이 사용

1. ?? (nullish coalescing) 연산자

• 왼쪽 피연산자가 null 또는 undefined인 경우 오른쪽 피연산자를 반환

let userName = null;
let defaultName = 'Guest';

let name = userName ?? defaultName;
console.log(name); // Output: 'Guest'

userName = 'John';
name = userName ?? defaultName;
console.log(name); // Output: 'John'

2. && (논리 AND) 연산자

• 왼쪽 피연산자가 falsy(거짓으로 간주되는 값)이면 왼쪽 피연산자를 반환
• 왼쪽 피연산자가 truthy(참으로 간주되는 값)이면 오른쪽 피연산자를 반환

let isLoggedIn = true;
let message = isLoggedIn && 'Welcome back!';
console.log(message); // Output: 'Welcome back!'

isLoggedIn = false;
message = isLoggedIn && 'Welcome back!';
console.log(message); // Output: false

3. || (논리 OR) 연산자

왼쪽 피연산자가 truthy(참으로 간주되는 값)이면 왼쪽 피연산자를 반환
왼쪽 피연산자가 falsy(거짓으로 간주되는 값)이면 오른쪽 피연산자를 반환

let userName = '';
let defaultName = 'Guest';

let name = userName || defaultName;
console.log(name); // Output: 'Guest'

userName = 'John';
name = userName || defaultName;
console.log(name); // Output: 'John'

---

참고자료

nullish 연산자