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

자바스크립트 강의 목차

0. 자바스크립트란 무엇인가?

1. Script 태그 (document.write)

2. 자바스크립트 이벤트란 무엇인가?

3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기

4. 데이터 타입 문자열과 숫자

5. 변수와 대입연산자

6. 자바스크립트로 웹브라우저 제어하기

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

8. 자바스크립트 조건문 및 활용법

9. 리팩토링(refactoring)

10. 배열에 대한 이해

11. 반복문에 대하여

12. 배열과 반복문

13. 배열과 반복문의 활용

14. 함수란 무엇이고 왜 필요한가?

15. 함수의 기본사용법, 매개변수, 인자, 리턴

16. 함수의 활용

17. 객체는 왜 필요한가?

18. 객체란 무엇인가?(객체 생성, 추가, 추출방법)

19. 객체의 활용

20. 파일로 쪼개어 관리하기

21. 라이브러리와 프레임워크

22. API & UI 그리고 프로젝트 활용도구

 

---

 

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

기존에 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