[모던자바스크립트] 7. 연산자

이아현·2023년 7월 28일
0
post-thumbnail

1. 산술 연산자

  • 이항 산술 연산자 : +, -, *, /, %
  • 단항 산술 연산자 : ++, --, +, -
    • 숫자 타입이 아닌 피연산자에 +단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환한다.
      var x = '1';
       console.log(+x); // 1
  • 문자열 연결 연산자
    • +연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다.
      '1' + 2; // '12'
       1 + '2'; // '12'
    • 자바스크립트 엔진에 의해 암묵적으로 타입이 자동으로 변환되기도 한다.
    • 이를 암묵적 타입 변환(implicit coercion) 또는 타입 강제 변환이라고 한다.

2. 할당 연산자

  • 할당 연산자 : =, +=, -=, *=, /=, %=
  • 할당문은 값으로 평가되는 표현식인 문으로서 할당된 값으로 평가된다.

3. 비교 연산자

  • 동등 비교 연산자
    • ==, != : 동등/부동등 비교
    • 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교
  • 일치 비교 연산자
    • ===, !== : 일치/불일치 비교
    • 좌항과 우항의 피연산자가 타입도 같고, 값도 같은 경우에 한하여 true를 반환
  • NaN은 자신과 일치하지 않는 유일한 값
    • 숫자가 NaN인지 조사하려면 빌트인 함수 Number.isNaN을 사용!
  • 대소 비교 연산자
    • `>, <, >=, <=

4. 삼항 조건 연산자

  • 조건식 ? 조건식이 true일 때 반환할 값 : false일 때 반환할 값
  • 삼항 조건 연산자 표현식은 값처럼 사용할 수 있지만 if ... else는 값처럼 사용할 수 없음
  • 삼항 조건 연산자 표현식은 값으로 평가할 수 있는 표현식인 문

5. 논리 연산자

  • ||, &&, !

6. typeof 연산자

  • typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환
  • typeof 연산자로 null값을 연산해 보면 object를 반환하기 때문에 값이 null타입인지 확인할 때는 typeof연산자를 사용하지 말고 일치 연산자(===)를 사용하기

7. 지수 연산자

  • **
profile
PM을 지향하는 FE 개발자 이아현입니다 :)

1개의 댓글

comment-user-thumbnail
2023년 7월 28일

이런 유용한 정보를 나눠주셔서 감사합니다.

답글 달기