[JavaScript/DeepDive]07.연산자

• 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산등을 수행해 하나의 값을 만든다.
  • 연산의 대상을 피연산자라 한다.
    • 피연산자는 값으로 평가될 수 있는 표현식이어야 한다.
    • 연산자는 값으로 평가된 피연산자를 연산해 새로운 값을 만든다.

 

 

• [7.1] 산술 연산자
• 산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다.
  • 산술 연산이 불가능할 경우, NaN을 반환한다.
• 이항 산술 연산자는 2개의 피연산자를 산술 연산하여 숫자 값을 만든다.
• + - * / %
• 모든 이항 연산자는 피연산자의 값을 변경하는 부수 효과가 없다.
  • 산술 연산을 해도 피연산자의 값이 바뀌는 경우는 없고 언제나 새로운 값을 만들 뿐이다.
• 단항 산술 연산자는 1개의 피연산자를 산술 연산하여 숫자 값을 만든다.
• ++ -- + -
• 증가/감소 연산자는 피연산자의 값을 변경하는 부수 효과가 있다.
  • 증가/감소 연산을 하면 피연산자의 값을 변경하는 암묵적 할당이 이뤄진다.
  • 피연산자 앞에 위치한 전위 증가/감소 연산자는 먼저 피연산자의 값을 증가/감소시킨 후, 다른 연산을 수행한다.
  • 피연산자 뒤에 위치한 후위 증가/감소 연산자는 먼저 다른 연산을 수행한 후, 피연산자의 값을 증가/감소 시킨다.
• 숫자 타입이 아닌 피연산자에 +/- 단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환하여 반환한다.
  • 부수효과는 없다.
  • x = false;
  • console.log(+x);
  • //0
• + 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다.
• '1' + 2;
• //'12'

 

 

• [7.2] 할당 연산자
• 할당 연산자는 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당한다.
  • 할당 연산자는 좌항의 변수에 값을 할당하므로 변수 값이 변하는 부수 효과가 있다.
• 할당문은 값으로 평가되는 표현식인 문으로서 할당된 값으로 평가된다.

 

 

• [7.3] 비교 연산자
• 비교 연산자는 좌항과 우항의 피연산자를 비교한 다음 그 결과를 불리언 값으로 반환한다.
• 동등 비교 연산자와 일치 비교 연산자는 좌항과 우항의 피연산자가 같은 값으로 평가되는지 비교해 불리언 값을 반환한다.
• 동등 비교 연산자는 느슨한 비교를 하지만 일치 비교 연산자는 엄격한 비교를 한다.
  • 부수 효과는 없다.
• 동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교한다.
  • 동등 비교 연산자는 좌항과 우항의 피연산자가 타입은 다르더라도 암묵적 타입 변환 후에 같은 값일 수 있다면  true를 반환한다.
  • 5 == '5';
  • //true
• 일치 비교(===) 연산자는 좌항과 우항의 피연산자가 타입도 같고 값도 같은 경우에 한하여  true를 반환한다.
  • 암묵적 타입 변환을 하지 않고 값을 비교한다.
• 대소 관계 비교 연산자는 피연산자의 크기를 비교하여 불리언 값을 반환한다.
  • 부수 효과는 없다.
  • > < >= <=

 

 

• [7.4] 삼항 조건 연산자
• 삼항 조건 연산자는 조건식의 평가 결과에 따라 반환할 값을 결정한다.
  • 부수 효과는 없다.
  • 조건식 ? 조건식이 true일 때 반환할 값 : 조건식이 false일 때 반환할 값
  • 조건식의 평가 결과가 값이 아니면 불리언 값으로 암묵적 타입 변환된다.
• 삼항 조건 연산자 표현식은 값으로 평가할 수 있는 표현식인 문이다.
  • 삼항 조건 연산자 표현식은 다른 표현식의 일부가 될 수 있어 매우 유용하다.
  • if ... else 문은 값처럼 사용할 수 없다.
  • var result = x % 2 ? '홀수' : '짝수';
• 조건에 따라 어떤 값을 결정해야 한다면 if ... else문보다 삼항 조건 연산자 표현식을 사용하는 편이 유리하다.
• 조건에 따라 수행해야 할 문이 하나가 아니라 여러 개라면 if ... else 문의 가독성이 더 좋다.

 

 

• [7.5] 논리 연산자
• 논리 연산자는 우항과 좌항의 피연산자를 논리 연산한다.
  • 부수 효과는 없다.
  • || && !
• 논리 부정 연산자(!)는 언제나 불리언 값을 반환한다.
  • 피연산자가 반드시 불리언 값일 필요는 없다.
  • 피연산자가 불리언 값이 아니면 불리언 타입으로 암묵적 타입 변환된다.
  • !0;
  • //true
• 논리합(||) 또는 논리곱(&&) 연산자 표현식의 평가 결과는 불리언 값이 아닐 수도 있다.
• 논리합 또는 논리곱 연산자 표현식은 언제나 2개의 피연산자 중 어느 한쪽으로 평가된다.
  • 'Cat' && 'Dog';
  • //Dog

 

• [7.6] 쉼표 연산자
• 쉼표(,) 연산자는 왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산잔의 평가 결과를 반환한다.
• var x, y, z;
• x = 1, y = 2, z = 3;
• //3

 

• [7.7] 그룹 연산자
• 소괄호('( )')로 피연산자를 감싸는 그룹 연산자는 자신의 피연산자인 표현식을 가장 먼저 평가한다.
  • 그룹 연산자는 연산자 우선순위가 가장 높다.

 

 

• [7.8] typeof 연산자
• typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환한다.
• typeof 연산자는 7가지 문자열 "string", "number", "boolean", "undefined", "symbol", "object", "function"중 하나를 반환한다.
• "null"을 반환하는 경우는 없다.
  • typeof 연산자로 null값을 연산해보면 "object"를 반환하는 버그가 있다.
• 선언하지 않은 식별자를 typeof 연산자로 연산해 보면 undefined가 반환한다.

 

 

• [7.9] 지수 연산자
• 지수 연산자는 좌항의 피연산자를 밑으로, 우항의 피연산자를 지수로 거듭 제곱하여 숫자 값을 반환한다.
• 지수 연산자는 이항 연산자 중에서 우선순위가 가장 높다.
  • 2 * 5 ** 2;
  • //50

 

 

• [7.11] 연산자의 부수 효과
• 부수 효과가 있는 연산자는 할당 연산자(=), 증가/감소 연산자(++/--), delete 연산자다.
  • delete 연산자는 객체의 프로퍼티를 삭제하는 부수 효과가 있다.