JS 자바스크립트 기초 - 06. 비교 연산자
2025. 3. 6. 10:11ㆍProgramming/JS
비교 연산자
// 비교 연산자
console.log(10 > 5);
console.log(10 == 5);
console.log(10 != 5);
result
true
false
true
동등 연산자 (equality operator), 일치 연산자 (strict equality operator)
동등 연산자
(==)은 피연산자들의 값만 비교
일치 연산자
(===)은 피연산자들의 값과 타입을 모두 비교
// 동등 연산자, 일치 연산자
const a = 1;
const b = "1";
console.log(a == b); // 동등 연산자
console.log(a === b); // 일치 연산자
result
true
false
다른 데이터 타입(문자형 vs. 숫자형)을 가진 값을 비교하게 된다면
자바스크립트는 문자형을 숫자형으로 바꿔 비교하게 된다.
null / undefined 비교
null과 undefined는 비슷해 보이지만, 서로 다른 개념을 가지고 있다.
null은 빈 값, 또는 의도적으로 값이 없음을 나타내기 위해 사용된다.
값이 '없음'을 나타내고 싶을 때 개발자가 명시적으로 할당한다.
undefined는 정의되지 않은 값을 나타낸다.
변수가 선언되었지만, 아직 값이 할당되지 않은 상태를 뜻한다.
정리하자면,
특징 | undefined | null |
의미 | 값이 정의되지 않았음을 나타냄 | 값이 '없음' 또는 '비어 있음'을 나타냄 |
할당 | JavaScript가 자동으로 부여함 | 개발자가 명시적으로 할당함 |
타입 | undefined (자체 데이터 타입) | object (타입이 object로 설정됨, 이는 초창기 JS의 설계 문제 때문) |
Code
// null undefined 비교
console.log(null == undefined) //true
동등 연산자는 값만 비교하기 때문에 true라는 결과가 출력된다.
null과 undefined는 결국 값이 없음을 나타내고 있기 때문이다.
result
true
반대로 값과 타입까지 비교하는 일치 연산자로 비교해보면
Code
// null undefined 비교
console.log(null === undefined) // false
result
false
정리되어있는 내용은 코딩앙마 자바스크립트기초강좌를 듣고
정리한 내용입니다.
'Programming > JS' 카테고리의 다른 글
JS 자바스크립트 기초 - 08. 논리 연산자 (AND, OR, NOT), 우선순위 (0) | 2025.03.06 |
---|---|
JS 자바스크립트 기초 - 07. 조건문 (if, else, else if) (0) | 2025.03.06 |
JS 자바스크립트 기초 - 05. 연산자 (0) | 2025.03.06 |
JS 자바스크립트 기초 - 04. 형변환 (0) | 2025.03.06 |
JS 자바스크립트 기초 - 03. 대화상자 (0) | 2025.03.05 |