본문 바로가기
JavaScript/Deep Dive

07 연산자

by lacuca9 2024. 9. 14.

연산자 - 표현식을 대상으로 연산을 수행해 하나의 값을 만든다

피연산자 - 값으로 평가될 수 있는 표현식이어야 한다

 

이항 산술연산자 - 2개의 피연산자를 산술 연산하여 숫자 값을 만든다

 

단항 산술연산자 - 1개의 피연산자를 산술 연산하여 숫자 값을 만든다

 # ++/-- 연산자는 피연산자의 값을 변경하는 부수 효과가 있다

   피연산자 앞에 위치한 전위 증가/감소 .   뒤에 위치한 후위 증가/감소

# +/- 연산자는 피연산자를 숫자타입으로 변환하여 반환. 이떄 피연산자를 변환하는건 x

 

문자열 연결 연산자

+ 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작

JS는 암묵적 타입 변환(implicit coercion) or 타입 강제 변환(type coercion)을 하여 연산을 수행한다

 

할당 연산자

우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당

ex) +=, -=, *=, /=, %=

 

비교 연산자

동등 비교 연산자는 느슨하지만 일치 비교 연산자는 엄격하다

# 일치 비교)  === : 값과 타입이 같음, !== : 값과 타입이 다름

동등비교 연산자는 암묵적 타입 변환을 통해 타입을 일치시킨 후 값 비교

ex) 5 == '5'; // -> true  # 결과를 예측하기 어려워서 일치비교를 쓰는게 좋음

번외) NaN === NaN; // -> false # Nan은 자신과 일치하지 않는 유일한 값

 

삼항 조건 연산자

조건식의 평가 결과에 따라 값을 결정한다 (JS 유일한 삼항연산자)

ex) var result = score >= 60 ? 'pass' : 'fail'' ;

삼항 조건 연산자 표현식은 값으로 평가할 수 있는 표현식인 문이다

값처럼 다른 표현식의 일부가 될 수 있어 매우 유용하다

 

쉼표 연산자

차례대로 연산자를 평가하고 마지막 피연산자의 평가 결과를 반환

 

typeof 연산자

null 값을 연산해 보면 "null"이 아닌 "object"를 반환하기 때문에 주의

null 타입인지 확인할 때는 === 연산자 이용하기

ex) var foo=null;

      typeof foo === null; // -> false

      foo === null;            // -> true

 

 

 

# 나만의 quiz

  1. null 타입인지 확인할때 typeof연산자를 쓰면 null이 아닌 object를 반환한다.
    null 인지 확인 할때는 어떤 연산자를 쓰는게 좋을까?
    - 일치 비교연산자 (===)

'JavaScript > Deep Dive' 카테고리의 다른 글

09 타입 변환과 단축 평가  (0) 2024.09.16
08 제어문  (0) 2024.09.14
06 데이터 타입  (0) 2024.09.13
05 표현식과 문  (0) 2024.09.13
04 변수  (1) 2024.09.13