[JavaScript]/[JavaScript] 공부 기록
[JS 공부] Deep Dive책 - 7장_연산자_230322(수)
노트포미
2023. 3. 22. 16:59
- NaN : 산술 연산이 불가능한 경우 반환값
- 부수효과 : 피연산자의 값이 바뀜
[비교 연산자]
- 동등/일치 비교 연산자
비교 연산자 | 의미 | 사례 | 설명 | 부수 효과 |
== | 동등 비교 | x == y | x와 y의 값이 같음 | X |
=== | 일치 비교 | x === y | x와 y의 값과 타입이 같음 | X |
!= | 부동등 비교 | x != y | x와 y의 값이 다름 | X |
!== | 불일치 비교 | x !== y | x와 y의 값과 타입이 다름 | X |
▶동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후
같은 값인지 비교한다 -> 실수하기 쉬우므로 일치 비교(===)연산자를 사용
// 동등 비교.
5 == 5; //-> true
// 타입은 다르지만 암묵적 타입 변환을 통해 타입을 일치시키면 동등하다.
5 == '5'; //-> true
// 일치 비교.
5 === 5; //-> true
// 암묵적 타입 변환을 하지 않고 값을 비교한다.
// 즉, 값과 타입이 모두 같은 경우만 true를 반환한다.
5 == '5'; //-> false
※ NaN은 자신과 일치하지 않는다 -> 빌트인 함수 Number.isNaN을 사용
// 일치비교
NaN === NaN; // -> false
// Number.isNaN 사용
Number.isNaN(NaN); // -> true
Number.isNaN(10); // -> false
Number.isNaN(1 + undefined); // -> true
※ 0은 +0,-0 동일하게 평가한다. -> Object.is 사용
//양의 0과 음의 0의 비교. 일치 비교/동등 비교 모두 결관느 true다.
0 === -0; // -> true
0 == -0; // -> true
//Object.is 사용
Object.is(-0, +0); // -> false
Object.is(NaN, NaN); // -> true
[삼항 조건 연산자]
조건식 ? true일 때 반환할 값 : false일 때 반환할 값
* 조건식의 평가 결과가 불리언 값이 아니면 불리언 값으로 암묵적 타입 변환된다.
var x = 2;
// 2 % 2는 0이고 false로 암묵적 타입 변환된다.
var result = x % 2 ? '홀수' : '짝수';
console.log(result); //짝수
※ 삼항 조건 연산자 표현식 VS if ... else문
var x = 10;
//if ... else문은 표현식이 아닌 문이다. 따라서 값처럼 사용할 수 없다.
var result = id (x % 2 ) { result = '홀수'; } else { result = '짝수'; };
//SyntaxError: Inexpected token if
//삼항 조건 연산자 표현식은 표현식인 문이다. 따라서 값처럼 사용할 수 있다.
var result = x % 2 ? '홀수' : '짝수' ;
console.log(result); //짝수
[typeof 연산자]
typeof '' // -> "string"
typeof 1 // -> "number"
typeof NaN // -> "number"
typeof true // -> "boolean"
typeof undefined // -> "undefined"
typeof Symbol() // -> "symbol"
typeof null // -> "object"
typeof [] // -> "object"
typeof {} // -> "object"
typeof new Date() // -> "object"
typeof /test/gi // -> "object"
typeof function () {} // -> "function"
※ null를 object로 반환한다. -자바스크립트의 첫 번째 버전의 버그
-> 일치 연산자(===)를 사용하자
var foo = null;
typeof foo === null; // -> false
foo === null; // -> true
※ 선언하지 않은 식별자는 RefernceError 말고, undefined 반환함
// undeclared 식별자를 선언한 적이 없다.
typeof undeclared; // -> undefined
[연산자 우선순위]
우선순위 | 연산자 |
1 | ( ) |
2 | new(매개변수 존재), ., [](프로퍼티 접근), ( )(함수 호출), ?.(옵셔널 체이닝 연산자) |
3 | new(매개변수 미존재) |
4 | x++, x-- |
5 | !x, +x, -x, ++x, --x, typeof, delete |
6 | **(이항 연산자 중에서 우선순위가 가장 높다) |
7 | *, /, % |
8 | +, - |
9 | <, <=, >, >=, in, instanceof |
10 | ==, !=, ===, !== |
11 | ??(null 병합 연산자) |
12 | && |
13 | || |
14 | ? ... : ... |
15 | 할당 연산자(=, +=, -=, ...) |
16 | , |