7 연산자

7.1. 산술연산자

산순연산이 불가능한 경우 NaN을 반환한다.

숫자타입이 아닌 피연산자에 + 단항 연산자를 사용하면 피연산자를 숫자타입으로 변환하여 반환한다

‘+’ 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다.
‘==’동등비교 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입변환을 통해 타입을 일치시킨후 같은 값인지 비교한다.
때분에 동등비교연산자 대신 일치비교’===’ 연산자를 사용하는 것이 좋다. 일치비교 연ㅅ나자는 좌항과 우항의 피연산자가 타입도 같고 값도 같은 경우에 한하여 true를 반환한다.
NaN은 자신과 일치하지 않는 유일한 값이다. 따라서 숫자가 NaN인지 조사하려면 빌트인함수 isNaN을 사용한다.
// isNaN 함수는 지정한 값이 NaN인지 확인하고 그 결과를 불리언 값으로 반환한다. isNaN(NaN); // - true isNaN(10); // • false isNaN(1 + undefined); // 一 true
자바스크립트는 양의 0과 음의 0이 있는데 이들을 비교하면 true를 반환한다.
- 리액트에서 왜 삼항연산자를 쓰는지 고민해보기 *
Object.is 메서드 : 예측가능한 정확한 결과를 반환함.
-0 === +0 //true Objext.is(-0, +0) //false NaN === NaN; //false Object.is(NaN,NaN) //true
논리 부정 (!) 연산자는 언제나 불리언값을 반환한다. 만약 피연산자가 불리언값이 아니면 불리언타입으로 암묵적 타입변환된다.
!0 //true !'Hello';//false
논리합(||)또는 논리곱(&&) 연산자 표현식의 평가결과는 불리언값이 아닐 수도 있다. 논리합(||) 또는 논리곱(&&) 연산자 표현식은 언제나 2개의 피연산자 중 어느 한쪽으로 평가된다.
'Cat' && 'Dog' ; // ->'Dog'
쉼표 연산자
```
var x,y,z;

x = 1, y = 2, z = 3;
```
쉼표(,) 연산자는 왼쪽 피연산자부터 차례로 피연산자를 평가하고 마지막 연산자의 평가가 끝나면 마지막 피연산자의 평가결과를 반환한다.
그룹 연산자는 연산자 우선순위가 가장 높다.
typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환한다.
- string
- number
- boolean
- nudefined
- symbol
- object
- function
- null 을 반환하는 경우는 없으며, 함수의 경우 function을 반환한다. typeof 연산자가 반환하는 문자열은 7개의 데이터타입과 정확히 일치하지는 않는다.
```
typeof null // → “object”
```
- 따라서 값이 null타입인지 확인할 때는 typeof 연산자를 사용하지 말고 일치연산자(===)를 사용하자.
- 선언하지 않은 식별자를 typeof연산자로 연산해보면 referenceError가 발생하지 않고 undefined를 반환한다.
```
// undeclared식별자를 선언한 적이 없다.
typeof undeclared; //undefined
```
지수연산자
- 좌항의 피연산자를 밑으로, 우항의 피연산자를 지수로 거듭제곱하여 숫자 값을 반환한다.
```
2 ** 2; // -> 4
2 ** 2.5 ; // -> 5.6568...
2 ** 0 // -> 1
2 ** -2 // -> 0.25
```
- 지수 연산자는 다음과 같은 경우 Math.pow 메서드보다 가독성이 좋다.
```
2 ** 2 ** 2; // ->16
Math.pow(Math.pow(2,2),2) // ->16
```
- 지수 연산자는 다른 산술 연산자와 마찬가지로 할당 연산자와 함께 사용할 수 있다.
```
var num = 5;
num **= 2; // -> 25

//지수 연산자는 이항 연산자 중에서 우선순위가 가장 높다.
2 * 5 ** 2 // -> 50
```

연산자의 부수효과

할당연산자(=), 증가/감소연산자(++/—), delete연산자는 부수효과가 있다.

var x;
// 할당 연산자는 변수 값이 변하는 부수 효과가 있다. 
// 이는 x변수를 사용하는 다른 코드에 영향을 준다.

x = 1;
console.log(x); //1

//증가 / 감소연산자(++/--)는 피연산자의 값을 변경하는 부수 효과가 있다.
// 피연산자 x의 값이 재할당되어 변경된다. 이는 x 변수를 사용하는 다른코드에 영향을 준다.

x++;
console.log(X); //2

var o = { a : 1 };

// delete 연산자는 객체의 프로퍼티를 삭제하는 부수 효과가 있다. 
// 이는 o 객체를 사용하는 다른 코드에 영향을 준다.

delete o.a;
console.log(o); //{}

연산자는 종류가 많아서 연산자 우선순위를 모두 기억하기 어렵고 실수하기도 쉽다. 우선순위가 가장 높은 그룹 연산자를 사용하여 우선순위를 명시적으로 조절하는 것을 권장한다.

저작자표시 (새창열림)