• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Boolean] JS - Boolean (불린) - 참거짓판별

Boolean

 

1.

참인지 거짓인지 판별

참: true

거짓 : false

2.
boolean() 함수 - 참인지 거짓인지 판별하는 함수 


 

 

boolean() 예제

 

<button onclick="hz()">클릭</button>


<p id="demo"></p>


<script>

function hz() {

  document.getElementById("demo").innerHTML = Boolean(4 > 3);

}

</script>

 

결과보기

 

 

※ Boolean(4 > 3) 대신, (4 >3 ) 또는 4 > 3 만 써도 됨.

 

<button onclick="hz()">클릭</button>


<p id="demo"></p>


<script>

function hz() {

  document.getElementById("demo").innerHTML = 4 > 3;

}

</script>

 

결과보기

 

 

참거짓 판별 비교조건

 

비교연산자 이용

 

 

a ==

a와 b가 같다 (예)if (mb_level == 2)

 

a > b 

a가 b보다 크다if (mb_level  > 2)

 

a < b 

a가 b보다 작다if (mb_level  < 2)

 

 

 

True (참)인 경우 : 값은 가진 모든 것은 참

 

<p id="demo"></p>


<script>

var b1 = Boolean(10);

var b2 = Boolean(3.14);

var b3 = Boolean(-10);

var b4 = Boolean("Homzzang");

var b5 = Boolean('false');

var b6 = Boolean(5 + 5 + 3.14);


document.getElementById("demo").innerHTML =

"10 (즉, 양수) : " + b1 + "<br>" +

"3.14 (즉, 소수) : " + b2 + "<br>" +

"-10 (즉, 음수) : " + b3 + "<br>" +

"Homzzang (즉, 비여있지 않은 문자열) : " + b4 + "<br>" +

"false (즉, 거짓을 의미하는 false 문자열) : " + b5 + "<br>" +

"수식 (단, 0은 제외) : " + b6;

</script>

 

결과보기

 

 

False (거짓)인 경우 : 값이 없는 모든 것은 거짓

 

<p id="demo"></p>


<script>

var b1 = Boolean(0);

var b2 = Boolean(-0);

var b3 = Boolean("");

var x;

var b4 = Boolean(x);

var b5 = Boolean(null);

var b6 = Boolean(false);

var b7 = Boolean(NaN);


document.getElementById("demo").innerHTML =

"0 (즉, ) : " + b1 + "<br>" +

"-0 (즉, 마이너스 연산자 붙은 영) : " + b2 + "<br>" +

"빈 문자열 : " + b3 + "<br>" +

"값이 정의 안 된 변수 : " + b4 + "<br>" +

"null 값 : " + b5 + "<br>" +

"false 값 : " + b6 + "<br>" +

"NaN 값 : " + b7 + "<br>";

</script>

 

결과보기



분류 제목
Basic JS - Let 키워드 ★★★★★ - 변수 블럭범위 설정 (렛키워드) ※ 클로저
Modernizr JS - Modernizr (모더나이저 = 마더나이저) - 크로스브라우징 구현 (= 브라우저의 HTML5 C…
React JS - React (리액트) - JS 라이브러리 일종으로 사용자 인터페이스 구축에 사용.(= 현재시간 = …
DOM_Attribute JS - Attribute 객체 - 속성객체
Window_Console JS - window.console 객체 - 콘솔객체
DOM_Document JS - Document 객체 - 웹문서 객체의 속성/메서드 종류 (= document객체 = 다큐먼트객체)
DOM_Element JS - Element 객체 - 요소객체 (속성 + 메서드) 종류
DOM_Event JS - Event 종류 ★ - 이벤트부착 / 이벤트종류 / 이벤트속성 / 이벤트메서드
API_Geolocation JS - Geolocation - 지리위치객체종류
Window_History JS - window.history 객체 정의 + 히스토리 객체의 (속성/메서드) 종류
DOM_HTMLCollection JS - HTMLCollection 객체 (속성 + 메서드) 종류
Window_Location JS - window.location 객체 - 위치 객체 (= window.location객체 = 윈도우로케…
Window_Navigator JS - window.navigator 객체 - 네비게이터 객체 (= window.navigator객체 = …
Window_Screen JS - window.screen 객체 - 스크린 객체 (= window.screen객체 = 윈도우스크린객체…
DOM_Style JS - CSS 스타일 속성값 반환 ★★ + style 객체의 속성 종류
Window_Object JS - window 객체 - 윈도우객체 (속성/메서드) 종류
API_Storage JS - Storage Object - 스토리지 객체 (※ 데이터 저장소)
Object JS - Object Constructor - 객체생성자종류 ★
Object JS - Object Prototypes - 객체프로토타입 (= 객체원형) ★
Object JS - object ECMAScript 5 - 객체혁명
22/67
목록
찾아주셔서 감사합니다. Since 2012