자바스크립트 논리값 true false 사용 방법 예제

2023.08.07

논리값은 기본 데이터형의 하나로 true 또는 false 중 하나의 값을 취득합니다.

true와 false는 JavaScript에서 예약어로써 사용되고 있습니다.

스크립트 안에서 논리값을 작성하는 경우 true 또는 false를 직접 작성해야 합니다.

 

논리값

  •  true
  •  false

 

논리값은 주로 비교 연산자에 포함해 식을 판단한 결과값으로 많이 사용됩니다.

예를 들어 어떠한 값과 어떠한 값이 같은가 다른가 비교할 경우 같다면 true 다르다면 false가 반환됩니다.

다음 예를 보겠습니다.

 10 == 10
 // true 반환
 
 15 < 6
 // false 반환

 

[10 == 10]은 [==] 연산자를 사용 좌변과 우변의 값이 같은지 판별합니다.

판별 결과는 참이기 때문에 [10 == 10]은 true를 반환합니다. 그

리고 [15 < 6]은 [<] 연산자를 사용 좌변이 우변보다 큰지를 판별합니다.

판별 결과 거짓이기 때문에 [15 < 6]은 false를 반환합니다.

(연산자의 자세한 내용은 비교연산자 페이지에서 확인하겠습니다.)

그러면 논리값이 많이 사용되는 곳을 살펴보겠습니다. 

논리값은 조건 분기나 반복문 처리식 안에서 많이 사용됩니다.

조건 분기의 하나인 if 문은 조건식이 판별 결과인 논리값에 의해 실행하는 처리를 나누어 작성합니다.

if (15 < 6){

  // 조건식이 true를 반환하는 경우 실행

}else{

  // 조건식이 false를 반환하는 경우 실행

}

 

이 경우 [15 < 6]는 false를 반환하기 때문에 [조건식이 false를 반환하는 경우 실행]이 처리됩니다.

이러하듯 논리값은 true나 false 값을 화면에 출력하거나 계산하거나 하는 용도로 사용하는 것이 아닌 조건식이 참인가 거짓인가를 판별하는 상태를 확인하는 용으로 사용됩니다.

 

샘플 코드

sample6_1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="kr" lang="kr">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta http-equiv="Content-Script-Type" content="text/javascript">
 
 <title>JavaScript 테스트</title>
</head>
<body>

  <script type="text/javascript" src="./js/script6_1.js">
  </script>

</body>
</html>

 

※스크립트 파일은 HTML 파일이 있는 곳에 js 라는 폴더를 만들어 넣어줍니다.

script6_1.js

document.write('<p>' + (10 == 10) + '</p>');
document.write('<p>' + (15 < 8) + '</p>');

 

실행하면 브라우저에 다음과 같이 표시됩니다.

댓글