[Javascript] 연산자

 

 

공부했던 자료 정리하는 용도입니다.

재배포, 수정하지 마세요.

 

 

앞에 썼던 연산자의 내용과 거의 비슷하거나 보충하는 내용이다. 링크 : https://pridiot.tistory.com/144

 

---

 

 연산자 

1. + 연산자
2. typeof 연산자
3. ==(동등) 연산자와 ===(일치) 연산자
4. !! 연산자

 

---

 

연산자

1. + 연산자

var add1 = 1 + 2;
var add2 = 'my ' + 'string';
var add3 = 1 + 'string';
var add4 = 'string' + 2;

console.log(add1);
console.log(add2);
console.log(add3);
console.log(add4);

`` + `` 연산자는 더하기 연산과 문자열 연결 연산을 수행한다.

두 연산자가 모두 숫자일 경우에만 더하기 연산이 수행되고, 이외에는 문자열 연결 연산이 이뤄진다.

 

실행 결과

 

 

 

 

 

2. typeof 연산자

  typeof 연산자는 피연산자의 타입을 문자열 형태로 리턴한다. @@null@@과 배열은 @@object@@라는 점, 함수는 @@function@@인 것에 주의한다.

 

   각 타입별 typeof 연산자 결과 

기본 타입	숫자	number
기본 타입	문자열	string
기본 타입	불린값	boolean
기본 타입	null	object
기본 타입	undefined	undefined
참조 타입	객체	object
참조 타입	배열	object
참조 타입	함수	function

 

 

 

 

 

3. ==(동등) 연산자와 ===(일치) 연산자

console.log(1 == '1');
console.log(1 === '1');

• ``==`` 연산자 : 피연산자들의 타입이 다를 경우 타입 변환을 거친 다음 비교
• ``===`` 연산자 : 피연산자들의 타입이 다를 경우 타입을 변경하지 않고 비교(자료형이 다를 경우 false)

 

실행 결과

 

 

 

 

 

4. !! 연산자

console.log(!!0);
console.log(!!1);
console.log(!!'string');
console.log(!!'');
console.log(!!true);
console.log(!!false);
console.log(!!null);
console.log(!!undefined);
console.log(!!{});
console.log(!![1,2,3]);

``!!``는 피연산자를 불린 값으로 변환해준다.

객체는 값이 없는 빈 객체라도 @@true@@로 변환되므로 주의한다.

 

실행 결과