JavaScript의 특수 기호와 키워드: ?(물음표) , ??(물음표 2개), !(느낌표), !!(느낌표 2개), ~(물결), ~~(물결 2개)

JavaScript는 다양한 특수 기호와 키워드를 제공하여 다양한 용도로 활용할 수 있습니다. 이번 포스팅에서는 주요 특수 기호와 키워드에 대해 알아보겠습니다.


1. ? 기호 – 조건 연산자 (Ternary Operator)

? 기호는 조건 연산자의 일부로 사용됩니다. 조건에 따라 값을 반환하는데 사용됩니다. 일반적인 구문은 다음과 같습니다:

const result = (condition) ? valueIfTrue : valueIfFalse;


condition이 참이면 valueIfTrue가 반환되고, 거짓이면 valueIfFalse가 반환됩니다.

const age = 18;
const canVote = (age >= 18) ? 'Yes' : 'No';
console.log(canVote); // 'Yes'


2. ?? 기호 – Nullish 병합 연산자 (Nullish Coalescing Operator)

?? 기호는 Nullish 병합 연산자로 사용됩니다. 이 연산자는 변수 또는 표현식이 null 또는 undefined인 경우에만 대체 값을 반환합니다.

const value = null;
const defaultValue = 'Default';

const result = value ?? defaultValue; // 'Default'

value가 null이거나 undefined일 때만 defaultValue가 반환됩니다. 다른 falsy 값들은 무시됩니다.



3. ! 기호 – 논리 NOT 연산자 (Logical NOT)

! 기호는 논리 NOT 연산자로 사용됩니다. 이 연산자는 값을 부정화합니다. !를 사용하면 값을 논리적으로 반대로 변환할 수 있습니다.

const isTrue = true;
const isFalse = !isTrue; // false



4. !! 기호 – 강제 불리언 변환 (Double NOT Operator)

!!는 값의 강제 불리언 변환을 위해 사용됩니다. 이 연산자를 사용하면 값을 불리언(Boolean)으로 강제로 변환할 수 있습니다.

const value = 'Hello';
const isTruthy = !!value; // true

const emptyValue = '';
const isEmpty = !!emptyValue; // false

!!를 사용하면 값이 존재하는지 여부를 확인할 때 유용합니다.



5. ~ 기호 – Bitwise NOT 연산자

~ 기호는 Bitwise NOT 연산자로 사용됩니다. 이 연산자는 비트 단위로 비트를 반전시킵니다. 결과는 음수 값으로 반환됩니다.

const number = 5;
const bitwiseNot = ~number; // -6



6. ~~ 기호 – 두 번의 비트 반전

~~는 두 번의 비트 반전 연산을 수행하여 결과 값을 다시 원래 값으로 돌리는 역할을 합니다.

const number = 5;
const doubleBitwiseNot = ~~number; // 5

JavaScript의 이러한 특수 기호와 키워드는 코드를 보다 효율적으로 작성하고 데이터를 다룰 때 유용하게 사용됩니다. 각각의 사용법과 의미를 이해하고 올바른 상황에서 활용하는 것이 중요합니다.



Leave a Comment