자바스크립트에서의 논리 연산자를 이용한 상황별 형 변환 방법
자바스크립트에서 논리 연산자는 불리언(Boolean) 값을 반환하기 때문에, 다른 데이터 타입을 불리언으로 변환하는데에 유용하게 사용될 수 있습니다. 이번 글에서는 논리 연산자를 이용하여 다양한 상황에서의 데이터 타입의 형 변환 방법을 알아보겠습니다.
1. Truthy(참 같은 값)와 Falsy(거짓 같은 값)
자바스크립트에서는 다음과 같은 값들을 Falsy(거짓 같은 값)로 간주합니다.
- false
- 0
- ”” (빈 문자열)
- null
- undefined
- NaN
나머지 값들은 Truthy(참 같은 값)로 간주됩니다.
2. Boolean() 함수를 이용한 형 변환
Boolean() 함수는 값을 불리언으로 변환합니다. 다음은 Boolean() 함수를 사용한 형 변환 예시입니다.
Boolean(0); // false
Boolean(""); // false
Boolean(null); // false
Boolean(undefined); // false
Boolean(NaN); // false
Boolean(1); // true
Boolean("Hello"); // true
Boolean([]); // true
Boolean({}); // true
3. 논리 연산자를 이용한 형 변환
3.1. 논리합(||) 연산자를 이용한 형 변환
| 논리합( | ) 연산자는 두 개의 피연산자 중에서 Truthy 값이 있는 경우, 그 값을 반환합니다. 만약 두 개의 값이 모두 Falsy인 경우에는 마지막 값을 반환합니다. 다음은 논리합 연산자를 사용한 형 변환 예시입니다. |
false || true; // true
0 || 1; // 1
"" || "Hello"; // "Hello"
null || undefined; // undefined
NaN || 100; // 100
3.2. 논리곱(&&) 연산자를 이용한 형 변환
논리곱(&&) 연산자는 두 개의 피연산자 중에서 Falsy 값이 있는 경우, 그 값을 반환합니다. 만약 두 개의 값이 모두 Truthy인 경우에는 마지막 값을 반환합니다. 다음은 논리곱 연산자를 사용한 형 변환 예시입니다.
true && false; // false
1 && 0; // 0
"Hello" && ""; // ""
undefined && null; // undefined
100 && NaN; // NaN
4. !! 연산자를 이용한 형 변환
!! 연산자는 단순히 값을 Boolean으로 변환하는데에 사용됩니다. 이중 부정 연산자를 사용하므로, 값을 검사하고 불리언 값을 반환합니다. 다음은 !! 연산자를 사용한 형 변환 예시입니다.
!!0; // false
!!"Hello"; // true
!!null; // false
!!undefined; // false
!!NaN; // false
논리 연산자를 이용한 형 변환은 특히 조건문에서 변수의 값이 참 또는 거짓인지를 판단하는데에 유용하게 사용됩니다. 위에서 예시한 방법들을 활용하여 자바스크립트에서 데이터 타입의 형 변환을 유연하게 처리할 수 있습니다.