[JS 공부] Deep Dive책 - 7장_연산자_230322(수)

- 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	,