[자바스크립트] 연산자

[산술연산자] : 수적 계산을 위해 사용하는 연산자

1) + : 덧셈

2) - : 뺄셈

3) * : 곱셈

4) / : 나눗셈

5) % : 전항을 후항으로 나눴을 때 나머지 출력

6) ++ : 점차 증가

7) -- : 점차 감소 

알아둬야할 점) 문자열 + 정수 를 할 경우 자료형은 문자열(String type), 값은 원래 "문자열정수"로 출력됨

[대입연산자] : 변수에 연산 후 대입을 하기위해 사용하는 연산자 

1) = : 일반 대입

2) += : 덧셈 후 대입

3) -= : 뺄셈 후 대입

4) *= : 곱셈 후 대입

5) /= : 나눗셈 후 대입

6) %= : 나눗셈 후 나머지 대입

알아둬야할 점) 산술연산자와 마찬가지로 문자열 연산을 하면 같은 결과가 나옴

(콘솔이미지)

[비교연산자] : 값과 값을 비교할 때 사용하는 연산자, true/false 리턴함

1) == :  동등한지 비교

2) === : 일치하는지 비교

     - ==(동등) 연산자는 값의 타입을 보지않고(자료형` 강제변환) 값이 같은지 비교한 후 리턴

     -  === (일치) 연산자는 자료형, 값이 모두 같은지 아닌지를 판별한 후 리턴

3) != : 서로 같지 않은지(부등) 비교, 같지않으면 true, 같으면 false

4) !== : 불일치 비교, 자료형/값 어느 하나라도 같지않으면 true, 같으면 false

     - 1, 2번과 같으나 결과값은 반대인 연산자

5) > : 관계 비교

6) < : 관계 비교

7) >= : 관계 비교

8) <= : 관계 비교

9) ? : 삼항 연산자

     - 사용방법 : 변수 연산자 ? true일 경우 리턴될 값 : false일 경우 리턴될 값

     - 예시 : 콘솔 이미지 참고

[논리연산자 / 부정연산자]

- 논리연산자 : 하나의 비교연산이 아닌 둘 이상의 비교 연산의 결과에 따라 true, false 값이 나뉨

- 부정연산자 : 기존 연산자에 !를 붙여 정반대의 결과가 나오도록 할 때 사용함

1) && : and 연산자로 불리며, 모든 비교 연산이 true일 때 true, 하나라도 false면 false

2) || : or 연산자로 불리며, 하나라도 true면 true이고, 둘다 false일 때 false

3) ! : 부정연산자로, 기존 연산자에 !를 붙이면 기존 결과 반대의 값이 도출됨

[타입연산자] : 변수의 자료형(기본, 객체자료형)을 비교할 때 사용함

1) typeof : 변수형의 자료형을 문자열로 리턴해줌, null의 경우 object, 함수의 경우 function을 리턴함

2) instanceof : 동일 객체형의 인스턴스이면 true를 리턴, 같은 function으로 만들어진 인스턴스인지 아닌지 판별하여 결과를 리턴

[ !! ] : 피연산자(연산을 당하는 값)를 Boolean으로 변환시켜 리턴하는 연산자

1) true 조건 : true이거나 숫자 1일 때, 객체의 경우(Array 포함) 빈 객체라도 true를 리턴

2) false 조건 : false이거나 숫자 0일 때, null, undefined, 빈문자열은 false 리턴

     - 객체 존재 확인 후 boolean형으로 반환받을 때 사용하면 유용함

[참고자료]

1) [Poiemaweb] Javascript Operator 연산자 : http://poiemaweb.com/js-operator

2) [Jello's development blog] Javascript '=='와 '===' 연산자 차이 : http://guswnsxodlf.github.io/javascript-equal-operator