본문 바로가기
웹프로그래밍

[JS] 7. 비교연산자, Boolean 데이터타입

by kimsfamily 2020. 10. 7.

먼저 예시를 보여드립니다.

기존에 night, day를 번갈아가면서 클릭하는게 뭔가 부족함을 느껴져서 아래와 같이 오른쪽에 버튼을 하나 더 만들어서 night이면 day로 표시되고, day이면 night으로 표시되어 버튼 하나만 눌러서 낮,밤이 바뀌게 하는걸 만들어보려고 합니다.

 

해당하는 부분의 소스는 아래와 같은데요.

 

if, else의 조건문, 비교연산자, boolean 데이터 타입에 대해서 알아보겠습니다.

이번시간에는 비교연산자와 Boolean 데이터 타입에 대해서 살펴볼께요!

 

1. 자바스크립트 비교연산자

예제파일을 하나 만들고 아래와 같이 입력합니다.

    <h1>Comparison operators & Boolean</h1>
    <h2>===</h2>
    <h3>1===1</h3>
    <script>
      document.write(1===1);
    </script>

    <h3>1===2</h3>
    <script>
      document.write(1===2);
    </script>

결과를 볼께요

네, 위와 같은 결과가 나왔습니다.

 

1.1 === 은 비교연산자중에서 두 값을 비교하여 true, false의 결과값을 만드는 비교연산자입니다.

비교연산자 중에서 왼쪽에 있는 값과 오른쪽에 있는 값을 비교하여 그 결과가 같으면 true가 됩니다.

만약 결과가 같지 않으면 false가 됩니다.

그리고 true와 false 이 두값을 묶어서 Boolean이라고 부릅니다.

지금까지 우리는 number, string을 배웠고 이번에 Boolean이라는 데이터타입을 배우게 되었습니다.

이전에 배웠던 자료를 참고해보세요!

 

 

1.2 <, > 비교연산자

 

아래의 코드를 추가하고 결과를 한번 봅니다.

    <h3>1&lt;2</h3>
    <script>
      document.write(1<2);
    </script>

    <h3>1&lt;1</h3>
    <script>
      document.write(1<1);
    </script>

참고로 html에서 &lt로 표시는(less than 을 의미하고 <를 html로 표현하는 방법입니다.

그리고 나머지는 직관적으로 이해가 되시죠?

 

'==='와 동일하게 비교연산자 '<,>'의 결과로 boolean인 true, false를 알려주는걸 배우게되었습니다.

이번시간은 여기까지 하겠습니다.

 

 

 

본강의는 생활코딩 강의안을 바탕으로 재작성된 강의안입니다.

opentutorials.org/course/3085/18798

 

댓글0