연산자
- 하나 이상의 표현식을 대상으로 산술,할당,비교,논리,타입,지수 연산 등을 수행하여 하나의 값을 만듦
피연산자
- 연산의 대상으로 값으로 평가될 수 있는 표현식이어야 함
- 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만듦. 산술 연산이 불가능할 경우, NaN을 반환
- 2개의 피연산자를 산술 연산하여 숫자 값을 만든다. 피연산자의 값을 변경하는 부수 효과가 없음.
- 종류: +(덧셈), -(뺄셈), *(곱셈), /(나눗셈), %(나머지)
- 1개의 피연산자를 산술 연산하여 숫자 값을 만든다. 부수 효과가 있는 것도 있고 없는 것도 있다.
- 종류 : ++, -- (피연산자를 증가시키거나 감소시키는 부수 효과가 있다), + (아무 효과 없음), - (양수를 음수로 음수를 양수로 반전한 값을 변환한다)
- 숫자 타입이 아닌 피연산자에 + 단항 연산자 사용시, 숫자 타입으로 변환하여 반환한다. true의 경우 1, false의 경우 0을 반환한다.
-
- 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다. 그 외의 경우에는 산술 연산자로 동작한다.
"1" + 2; // '12'
1 + "2"; // '12'
1 + true; // 2
1 + false; // 1
1 +
null + // 1
undefined; // -> NaN
1 + undefined; // -> NaN- 자바스크립트 엔진은 암묵적으로 불리언 타입의 값인 true를 숫자 타입인 1로 타입을 강제로 변환한 후 연산을 수행한다.
- 이를 암묵적 타입 변환 또는 타입 강제 변환이라고 한다.
- 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당한다. 좌항의 변수에 값을 할당하므로 변수 값이 변하는 부수 효과가 있다.
- 종류 : =, +=, -=, *=, /=, %=
- 할당문은 값으로 평가되는 표현식인 문으로서 할당된 값으로 평가된다.
-
동등/일치 비교 연산자의 차이는 엄격성의 정도이다. 동등 비교 연산자는 느슨한 비교를 하지만 일치 비교 연산자는 엄격한 비교를 한다.
-
동등 비교(==)의 경우 피연산자 비교시 암묵적 타입 변환을 통해 타입을 일치 시킨 후 같은 값인지를 비교한다.
-
일치 비교(===)의 경우 피연산자 비교시 타입도 같고 값도 같은 경우에 한하여 true를 반환한다.
-
예외 : NaN의 경우 자신과 일치하지 않는 유일한 값이다.
-
숫자 0의 경우 양의 0과 음의 0을 비교하면 동등/일치 비교 둘 다 true를 반환한다.
Object.is 메서드 -0 === +0; // true Object.is(-0, +0); // false NaN === NaN; // false Object.is(NaN, NaN); // true
-
ES6에서 도입된 Object.is 메서드는 위와 같이 예측 가능한 정확한 비교 결과를 반환한다.
대소 관계 비교 연산자
- 피연산자의 크기를 비교하여 불리언 값을 반환한다.
-
조건식의 평가 결과에 따라 반환할 값을 결정한다.
-
삼항 조건 연산자 표현식 : 조건식 ? 조건식이 true일 때 반환할 값 : 조건식이 false일 때 반환할 값
var x = 2; var result = x % 2 ? "홀수" : "짝수"; console.log(result); // 짝수
첫 번째 피연산자가 true로 평가되면 두 번째 피연산자 반환, false이면 세 번째 값을 반환한다. 위의 결과가 0이기 때문에 결과값이 false이고 짝수를 반환하게 된다.
-
삼항 조건 연산자 표현식은 값으로 평가할 수 있는 표현식인 문이다. 즉, 값처럼 다른 표현식의 일부가 될 수 있어 유용하게 쓰일 수 있다. 하지만 조건에 따라 수행해야 할 문이 여러 개라면 if ...else 문의 가독성이 더 좋다.
- 우항과 좌항의 피연산자를 논리 연산한다.
- 종류 : || (논리합), && (논리곱), ! (부정)
// 암묵적 타입 변환
!0; // -> true
!"Hello"; // -> false- 피연산자가 반드시 불리언 값일 필요는 없고, 이 경우에는 불리언 타입으로 암묵적으로 변환되어 연산된다.
-
쉼표 연산자는 왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산자의 평가 결과를 반환한다.
var a, b, c; (a = 1), (b = 2), (c = 3); // 콘솔에서 3을 반환한다.
-
소괄호( '()' )로 피연산자를 감싸는 그룹 연산자는 자신의 피연산자인 표현식을 가장 먼저 평가한다.
10 * 2 + 3; // -> 23 // 그룹 연산자를 사용하여 우선순위를 조절 10 * (2 + 3); // -> 50
-
typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환한다. (string, number, boolean, undefined, symbol, object, function 중 하나를 반환한다. null을 반환하는 경우는 없음)
-
값이 null타입인지 확인하고 싶을 때는 일치연산자(===)를 사용하여 확인해야 한다.
// undeclared 식별자를 선언한 적이 없다. typeof undeclared; // -> undefined
선언하지 않은 typeof 연산자로 연산해 보면 ReferenceError가 발생하지 않고 undefined를 반환한다.
- 지수 연산자는 좌항의 피연산자를 밑으로, 우항의 피연산자를 지수로 거듭 제곱하여 숫자 값을 반환한다.
- 지수 연산자 도입되기 이전에는 Math.pow 메서드를 사용했다.
- 음수 제곱시 (-5) ** 2; 이처럼 음수를 괄호로 묶어야 한다.
| 연산자 | 개요 |
|---|---|
| ?. | 옵셔널 체이닝 연산자 |
| ?? | null 병합 연산자 |
| delete | 프로터티 삭제 |
| new | 생성자 함수를 호출할 때 사용하여 인스턴스 생성 |
| instanveof | 좌변의 객체가 우변의 생성자 함수와 연결된 인스턴스인지 판별 |
| in | 프로퍼티 존재 확인 |
- 다른 코드에 영향을 주는 부수효과가 있는 연산자: 할당 연산(=), 증가/감소 연산(++/--), delete 연산자.
- 할당과 증감 및 감소 연산자는 변수 값을 바꾸며, delete의 경우 객체의 프로퍼티를 삭제한다. (객체를 사용하는 다른 코드에 영향을 준다)
- 우선순위가 가장 높은것은 ( ) 이며 그 외에는 기억하기 어려우니 ( )를 사용하여 우선순위를 명시적으로 조절하는 것을 권장한다.
| 결합 순서 | 연산자 | | ------------ | ----------------------------------------------------------------------------- | --- | ------------------------------------- | | 좌항 -> 우항 | +, -, /, %, <, <=, >, >=, &&, | | , ., [ ], ( ), ??, ?., in, instanceof | | 우항 -> 좌항 | ++, --, 할당 연산자, !x, +x, -x, ++x, --x, typeof, delete, ?, ... : ..., ** |