# 🌸07장. 연산자

```
**연산자** : 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만드는 것

**피연산자** : 연산의 대상. 값으로 평가될 수 있는 표현식
```

## ✅7.1 자바스크립트가 제공하는 다양한 연산자

### 산술 연산자(arithmetic operator)

```
피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다.
불가능한 경우 **NaN**을 반환한다.
```

* 이항 산술 연산자 : `+`,`-`,`*`,`/`,`%`
* 단항 산술 연산자 : `++`,`--`,`+`(변화 x),`-`(양수→음수, 음수→양수)
* 문자열 연결 연산자 : `+` (연결)
* 증가/감소(`++`/`--`)연산자는 `피연산자의 값을 변경하는 부수효과`가 존재한다. 즉, 피연산자의 값을 변경하는 암묵적 할당이 이루어진다. 그 외 나머지는 부수효과가 존재하지 않는다.
* 또한, 증가/감소 연산자는 위치에 의미가 있다.

  ```jsx
  var x = 5,
      result;

  // 선할당 후증가(postfix increment operator)
  result = x++;
  console.log(result, x); // 5 6

  // 선증가 후할당(prefix increment operator)
  result = ++x;
  console.log(result, x); // 7 7

  // 선할당 후감소(postfix decrement operator)
  result = x--;
  console.log(result, x); // 7 6

  // 선감소 후할당 (prefix decrement operator)
  result = --x;
  console.log(result, x); // 5 5
  ```

### 할당 연산자(assignment operator)

```jsx
우항에 있는 피연산자의 평과 결과를 좌항에 있는 변수에 할당한다. (부수효과 O)
```

* `=`, `+=`, `-=`, `*=`, `/=`, `%=`
*

### 비교 연산자(comparison operator)

```jsx
좌항과 우항의 피연산자를 비교한 다음 그 결과를 불리언 값으로 반환한다.
```

* 동등/일치 비교 연산자 : `==`,`===`,`!=`,`!==`
* 대소관계 비교 연산자 : `>`,`<`,`>=`,`<=`

**동등비교(loose equality)와 일치비교(strict equality) 연산자**

```jsx
좌항과 우항의 피연산자가 값은 값으로 평가되는지 비교해 불리언 값을 반환하는 연산자.
**비교하는 엄격성에 차이가 있다.**
```

* **동등 비교 연산자**(`==`)는 좌항과 우항을 비교할 때 먼저 `암묵적 타입 변환`을 통해 타입을 일치시킨 후 같은 값인지 비교한다.
* 반면에 **일치 비교 연산자**(`===`)는 **타입도 같고 값도 같은** 경우에 한해 `true`를 반환한다.

```jsx
console.log(5 == "5"); // true
console.log(5 === "5"); // false
console.log(5 === 5); // true
```

**NaN, +0 & -0, Object.is() 함수**

* NaN은 자신과 일치하지 않는 유일한 값이기 때문에 숫자가 NaN인지 조사하려면 빌트인 함수 `Number.isNaN`을 사용해야한다.
* +0과 -0이 존재하지만, 비교 연산자 사용시, true를 반환한다.
* 반면에, `Object.is()`메서드는 **예측 가능한 정확한 비교 결과를 반환**하기 때문에 +0, -0을 구분한다.

```jsx
console.log(NaN === NaN); // false
console.log(Number.isNaN(NaN)); // true

console.log(0 === 0); // true
console.log(+0 === -0); // true
console.log(Object.is(+0, -0)); // false
```

### 삼항조건 연산자(ternary operator)

```jsx
조건식 ? 조건식이 true일 때 반환하는 값 : 조건식이 false일 때 반환하는 값
```

* 조건식 : 불리언 타입의 값으로 평가될 표현식으로, 타입이 다를 경우 불리언 값으로 암묵적 타입 변환 된다.
* 조건에 따라 어떤 값을 결정해야 한다. → `삼항 연산자 표현식`을 사용하는 편이 유리
* 조건에 따라 수행해야 할 문이 하나가 아니라 여러개다. → `if ~ else 문` 이 더 가독성 측면에서 유리

### 논리 연산자(logical operator)

```
우항과 좌항의 피연산자(부정 논리 연산자의 경우 우항의 피연산자)를 논리 연산
```

* 논리합(`||`), 논리곱(`&&`), 부정(`!`)
* 논리부정 연산자는 언제나 불리언 값 반환(암묵적 타입 변환 시행)
* 논리합, 논리곱 연산자는 평가 결과가 불리언 값이 아닐 수도 있음 ([`단축평가`](https://til-3.gitbook.io/bosun-kwaks-til/deep-dive/09-type-coercion#id-9.4-short-circuit-evaluation))
  * ex) `'Cat' && 'Dog';` 의 결과는 ‘Dog’

### 쉼표 연산자(,)

```
왼쪽 피연산자부터 차례대로 연산자를 평가하고 마지막 평가 결과를 반환한다.
```

```jsx
var x, y, z;
console.log((x = 1), (y = 2), (z = 3)); // 3
```

### 그룹 연산자

```jsx
연산자의 우선순위를 조절할 수 있다.
```

### typeof 연산자

```jsx
피연산자의 데이터 타입을 문자열로 반환한다.
```

* 총 7가지 문자열 형태로 반환
  * `string`
  * `number`
  * `boolean`
  * `undefined`
  * `symbol`
  * `object`
  * `function`
* null로 반환하는 경우는 없다. 값이 null인지 확인하고 싶으면 `===` 사용하기

### 지수 연산자(exponent operator)

* 지수 연산자는 x\*\*y (x : 밑, y: 지수)
* 지수 연산자가 도입되기 이전에는 Math.pow(x,y) 메서드를 사용했다.

```jsx
Math.pow(2, 2);

// 지수연산자는
2 ** (2(-5) ** 2);
```

### 그 외 연산자

| 연산자        | 개요                                |
| ---------- | --------------------------------- |
| ?.         | 옵셔널 체이닝 연산자                       |
| ??         | null 병합 연산자                       |
| delete     | 프로퍼티 삭제                           |
| new        | 생성자 함수를 호출할 때 사용하여 인스턴스 생성        |
| instanceof | 좌변의 객체가 우변의 생성자 함수와 연결된 인스턴스인지 판별 |
| in         | 프로퍼티 존재 확인                        |
|            |                                   |

### 부수효과가 있는 연산자

```
대부분의 연산자는 다른 코드에 영향을 주지 않는다. (값을 생성할 뿐)

일부 연산자는 **다른 코드에 영향을 준다**. 이를 **부수효과**라고 한다.
```

* 할당 연산자(`=`), 증가/감소 연산자(`++`/`--`), `delete`연산자

## ✅7.2 암묵적 타입 변환(implicit coercion)(=타입 강제 변환)

```
개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동변환되는 현상
```

```jsx
// number + string 연산 경우
"1" + 2; // '12'
1 + "2"; // '12'

// boolean + number 연산 경우
1 + true; // 2
1 + false; // 1

// number + null 연산 경우
1 + null; // 1

// number + undefined 연산 경우
1 + undefined; // NaN ( 연산 불가능 )
```
