[자바스크립트] 연산자

+ 단항 연산자

데이터 타입이 숫자가 아닌 피연산자에 사용하면 피연산자의 데이터 타입을 숫자로 변환

+'10'  // 10 (숫자)
+true  // 1
+false  // 0

- 단항 연산자

피연산자의 부호를 반전한 값을 반환하며, 데이터 타입이 숫자가 아닌 피연산자에 사용하면 피연산자의 데이터 타입을 숫자로 변환

-'10'  // -10 (숫자)
-true  // -1
-false  // -0

문자열 연결 연산자 (+)

피연산자 중 하나 이상이 문자열일 경우 문자열 연결 연산자로 동작, 그렇지 않을 경우 덧셈으로 동작

// 문자열 연결 연산자
'abc' + 1  // 'abc1'

// 산술 연산자
true + 1  // 2
1 + 2  // 3
1 + undefined  // NaN

할당 연산자

var fruit = 'My favorite fruit is ';
fruit += 'Watermelon.';  // My favorite fruit is Watermelon.

비교 연산자

일치 비교 연산자에서 NaN은 자기 자신과 일치하지 않기 때문에, 숫자 값이 NaN인지 조사하려면 빌트인 함수 isNaN을 사용

var a = 3;
isNaN(a);  // false

var a = NaN;
isNaN(a);  // true

삼항 조건 연산자

삼항 조건 연산자의 표현식 = 조건식 ? 조건식이 true일 때 반환값 : 조건식이 false일 때 반환값

쉽표 연산자

왼쪽부터 차례로 피연산자를 평가하고 마지막 피연산자까지 평가가 끝나면 마지막 피연산자의 값을 반환

var x, y, z;
x = 1, y = 2, z = 3; // x, y, z에 각자 값이 대입되고 난 뒤에 마지막에 반환하는 값은 3

typeof 연산자

typeof 연산자로 null 값을 연산해보면 null이 아닌 object를 반환

typeof null // object
typeof NaN  // number

그렇기 때문에 null인지 아닌지 확인할 때는 일치 연산자(===)를 사용해야함

🎁 참조 및 출처

• https://poiemaweb.com/js-operator