기본 타입과 표준 메소드 / 연산자

* 기본 타입과 표준 메소드

 

자바스크립트는 기본 타입(숫자, 문자열, 불린값)에 대해 각각 호출 가능한 표준 메소드를 정의하고 있다. 기본 타입이 메소드를 호출할 경우에는, 메소드 처리 순간에 객체로 변환된 후 표준 메소드를 호출한다. 메소드 호출이 끝나면 다시 기본값으로 돌아온다. 이러한 방식으로 기본 타입은 객체가 아님에도 각 타입별로 호출 가능한 표준 메소드들을 마치 객체처럼 호출할 수 있다.

 

 

var num = 0.5;
console.log(num.toExponential(1)); // 5.0e-1

console.log("stringtest".charAt(0)); // s

 

 

* 연산자

 

1. + 연산자

 

더하기 연산, 문자열 연결 연산 두 가지 수행을 한다. 숫자+숫자일 경우 더하기 연산, 나머지 경우에는 문자열 연결 연산을 수행한다.

 

var a = 1 + 4;
var b = 2 + 'bb';
var c = 'cc' + 3;
var d = 'dd' + 'ee';

console.log(a); // 5
console.log(b); // 2bb
console.log(c); // cc3
console.log(d); // ddee

 

 

1+4를 제외한 다른 연산은 문자열 연결 연산으로 수행되었다.

 

 

 

2. typeof 연산자

 

피연산자의 타입을 문자열 형태로 리턴한다.

 

var num = 1;
var str = 'ss';
var boo = true;
var n = null;
var ud = undefined;
var obj = new Object();
var arr = [];
var func = function a(){ };

console.log(typeof num); // 숫자 : number
console.log(typeof str); // 문자열 : string
console.log(typeof boo); // 불린값 : boolean
console.log(typeof n); // null : object
console.log(typeof ud); // undefined : undefined
console.log(typeof obj); // 객체 : object
console.log(typeof arr); // 배열 : object
console.log(typeof func); // 함수 : function

 

 

 

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

 

동등 연산자, 일치 연산자 모두 두 값이 동일한지 확인할 때 사용한다. == 연산자는 비교하려는 피연산자의 타입이 다를 경우 타입 변환을 거친 후 비교하며, === 연산자는 타입이 다를 경우에도 타입 변환을 하지 않고 비교한다는 차이점이 있다.

 

console.log(1 == '1'); // true
console.log(1 === '1'); // false

 

1 == '1'에서 피연산자 둘의 타입이 다르므로, 문자열 '1'을 숫자 1로 변환해서 비교하였고 그 결과 true가 출력되었다. 1 === '1'의 경우 둘의 타입이 다를 때는 항상 false가 출력된다.

 

== 연산자를 사용하면 타입 변환에 따른 잘못된 결과를 얻을 수 있으므로 대부분의 자바스크립트 코딩 가이드에서는 === 연산자를 사용하는 것을 권장한다. jQuery 코딩 가이드 라인에서도 마찬가지로 === 연산자를 권하고 있다.

 

 

 

4. !! 연산자

 

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

 

 

console.log(!!0); // false
console.log(!!1); // true
console.log(!!'str'); // true
console.log(!!''); // false
console.log(!!true); // true
console.log(!!false); // false
console.log(!!null); // false
console.log(!!undefined); // false
console.log(!!{}); // true
console.log(!![]); // true