Boolean() 함수란?
개발을 진행하다 보면 예/아니오(참/거짓)로 판단해야 하는 상황을 자주 마주하게 됩니다. 이럴 때 유용하게 사용할 수 있는 것이 바로 Boolean() 함수입니다. 이 함수는 오직 true 또는 false 두 가지 값만 반환하며, 전달된 표현식이나 값의 유효성을 평가하는 역할을 합니다.
Boolean() 함수는 자바스크립트에서 값을 논리형으로 변환하는 대표적인 방법으로, 조건문 작성이나 데이터 유효성 검사 등 다양한 상황에서 활용됩니다.
기본 문법
Boolean(exp);
Boolean() 함수는 인자로 전달받은 표현식(expression)을 분석하여, 그 결과가 유효하면 true, 그렇지 않으면 false를 반환합니다.
예제 1: 다양한 값의 참/거짓 확인
다음 예제에서는 여러 가지 값들을 Boolean() 함수를 통해 참인지 거짓인지 확인해 봅니다. 값이 유효한(legitimate) 값을 가지고 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
<html>
<body>
<p id = "boolean"></p>
<script>
var a = 0;
document.write(Boolean(a)); /// false 출력
var b = 1;
document.write(Boolean(b)); /// true 출력
var x = Boolean(100);
var y = Boolean("Hello");
var z = Boolean('false');
document.getElementById("boolean").innerHTML =
"45는 " + x + "</br>" +
"문자열 'Hello'는 " + y + "</br>" +
"'false' 문자열은 " + z ;
</script>
</body>
</html>실행 결과
45는 true 문자열 'Hello'는 true 'false' 문자열은 true false true
결과 해석:
- 숫자 0은 거짓 같은 값(falsy)으로 간주되어 false를 반환합니다.
- 숫자 1과 100처럼 0이 아닌 숫자는 모두 true를 반환합니다.
- 비어 있지 않은 문자열 'Hello'는 true를 반환합니다.
- 흥미롭게도 문자열 'false'는 내용이 'false'일 뿐, 비어 있지 않은 유효한 문자열이므로 true를 반환합니다.
예제 2: 표현식의 유효성 검사
다음 예제에서는 비교 표현식을 Boolean() 함수 안에 직접 전달하여 해당 표현식이 성립하는지 확인합니다. 표현식이 타당하면 true가 출력되고, 그렇지 않으면 false가 출력됩니다.
<html>
<body>
<script>
document.write(Boolean(10 > 5));
document.write("</br>");
document.write(Boolean(1 > 4));
</script>
</body>
</html>실행 결과
true false
10 > 5는 참이므로 true가 출력되고, 1 > 4는 거짓이므로 false가 출력됩니다.
정리
Boolean() 함수는 값이나 표현식을 논리값(true/false)으로 변환하는 간단하지만 강력한 도구입니다. 특히 다음 경우에 활용도가 높습니다.
- 사용자 입력값의 존재 여부 확인
- 조건문(if 문) 실행前的 값 검증
- API 응답 데이터의 유효성 판단
0, 빈 문자열(""), null, undefined, NaN은 모두 false로 변환되는 거짓 같은 값(falsy value)이라는 점을 기억해 두면 실무에서 큰 도움이 됩니다.