Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 함수 실행
- Frontend Study
- useState
- HTML
- addEventListener
- DOM
- try.. catch
- 배열
- webProject
- this 객체
- JavaScript
- 비동기함수
- 메소드 실행
- typeScript
- useRef
- 자바스크립트
- REACT
- input
- 렌더링
- Props
- 이벤트
- 이벤트핸들링
- promise
- CSS
- 리액트
- frontendstudy
- 컴포넌트
- callback함수
- FrontendStydy
- 배열메소드
Archives
- Today
- Total
이다닷
[JavaScript] Day 11 - 비교 연산과 BOOLEAN 본문
자바스크립트에서 비교란?
자바스크립트는 주어진 두 항을 비교할 수 있는 '비교 연산자'를 제공한다.
다음 두 가지 유형의 비교를 할 수 있다.
- 대소 비교 (크다, 작다)
- 등가 비교 (같다, 다르다)
📌무언가를 비교하는 작업 또한 '연산'의 일종으로 취급한다!
비교 연산의 특징
비교 연산식은 언제나 boolean 데이터를 반환한다.
크냐 작냐를비교하는 대소 비교, 같냐 다르냐를 비교하는 등가 비교는 모두 하나의 질문이며,
질문에 대한 답이 참(True) 또는 거짓(False)인 것이다.
대소 비교
대소 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다.
의미 | 연산자 | 사용 형태 |
크다 | > | A > B |
작다 | < | A < B |
크거나 같다 | >= | A >= B |
작거나 같다 | <= | A <= B |
등가 비교
등가 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다.
📌등호의 개수에 따라 의미가 달라지니 기호 개수를 잘 봐가며 사용하자!
의미 | 연산자 | 사용 형태 |
같다 | == | A == B |
같지 않다 | != | A != B |
완전히 같다 | === | A === B |
완전히 같지 않다 | !== | A !== B |
등호기호 개수의 차이점
등가 비교를 할 때, 등호의 개수에 따라 비교 규칙에 차이를 보인다.
==는 '추상적 같음 비교'로써, 자료형이 서로 다르더라도 같다고 판단할 수 있는 비교이다.
===는 '엄격한 같음 비교'로써, 자료형과 데이터가 모두 일치해야만 같다고 판단한다.
오늘의 실습 1
let num1 = 3;
let num2 = 5;
//대소 비교
console.log(num1 > num2) //false
console.log(num1 < num2) //true
실습의 결과 1
오늘의 실습 2
let num1 = '3';
let num2 = 3;
//등가 비교
console.log(num1 == num2) //추상적 비교 true를 출력
console.log(num1 === num2) //엄격한 비교 false를 출력
실습의 결과 2
'JavaScript' 카테고리의 다른 글
[JavaScript] Day 13 - 반복문을 만들어보자 1편 (0) | 2023.02.02 |
---|---|
[JavaScript] Day 12 - 조건문에 대해서 (0) | 2023.01.26 |
[JavaScript] Day 10 - 문서 인터페이스 그리고 기능들 (0) | 2023.01.24 |
[JavaScript] Day 9 - DOM은 무엇일까? 화면조작! (0) | 2023.01.23 |
[JavaScript] Day 8 - NULL, UNDEFINED 그리고 BOOLEAN (0) | 2023.01.20 |