07. 연산자

하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다.

산술 연산자

수학적 계산을 수행. 산술 연산이 불가능한 경우 NaN반환.

🌵 이항 산술 연사자 (+, -, *, /, % )
2개의 피연산자를 산술 연산하여 숫자 값을 만든다.
부수효과는 없다.

🌵 단항 산술 연산자 ( ++, -- )
1개의 피연산자를 산술 연산하여 숫자 값을 만든다.
부수효과가 있다.(피연산자의 값이 변경된다.)

let x = 5, result;

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

// 선증가 후할당
// 먼저 피연산자의 값을 증가시킨다.
result = ++x;
console.log(result, x) // 7 7

🌵 문자열 연결 연산자
+ 는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다.
암묵적 타입 변환 에 의해 boolean타입을 숫자 타입인 1 또는 0 으로 강제 변환하여 연산을 수행한다.

1 + true; // 2
1 + false; // 1
1 + null; //1

// undefined는 숫자로 변환되지 않음
+undefined; // NaN
1 + undefined; // NaN

할당 연산자

우항에 있는 피연산자를 좌항에 있는 변수에 할당.
( =, +=, -= ... )

비교 연산자

좌항과 우항을 비교한 후 boolean 값을 반환

🌵 동등/일치 비교 연산자

• 동등 비교 : 암묵적 타입 변환을 통해 타입을 일치시킨 후 비교
• 일치 비교 : 타입과 값이 모두 같은지 비교

NaN은 자신과 일치하지 않는 유일한 값이다.

따라서 숫자가 NaN인지 조사하려면 Number.isNaN을 사용한다.

Number.isNaN(NaN); // true
Number.isNaN(1 + undefined); // true

자바스크립트에는 양의 0 과 음의 0 이 있는데 이 둘을 비교하면 true를 반환한다.

0 === -0; // true
0 == -0; // true

🌵 Object.is
ES6에서 도입되었으며, 예측 가능한 정확한 비교 결과를 반환.

Object.is(-0, +0); // false
Object.is(NaN, NaN); // true 

삼항 조건 연산자

조건식 ? 조건식이 true일 때 반환할 값 : 조건식이 false일 때 반환할 값

🌟 삼항 조건 연산자 표현식은 값처럼 사용할 수 있지만, if...else문은 값처럼 사용할 수 없다.

쉼표 연산자

왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산자의 평가 결과를 반환.

let x, y, z;
x = 1, y = 2, z = 3; //3

typeof 연산자

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

⭐️ typeof null은 object를 반환한다.
이것은 자바스크립트의 첫 번째 버전의 버그이지만, 기존 코드에 영향을 줄 수 있기 때문에 아직까지 수정되지 못하고 있다.

또한, 선언하지 않은 식별자는 undefined를 반환한다.

지수 연산자

ES7에서 도입되었다. 거듭 제곱하여 숫자 값을 반환.
이전에는 Math.pow를 사용하였다.

2 ** 2; // 4
2 ** 0; // 1

Math.pow(2,2); // 4
Math.pow(2,0); // 1

할당 연산자와 함께 사용할 수 있다.

let num =5;
num **= 2 // 25

이항 연산자 중에서 우선순위가 가장 높다.

그 외의 연산자

🌵 옵셔널 체이닝 연산자 ?.
?.'앞’의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환

🌵 프로퍼티 삭제 delete : 객체의 속성을 제거