[JS] 자바스크립트 형변환 #2: string to number 등

# 자바스크립트 타입 변환(X to number)

문자열이나 불리언을 숫자로 형변환하는 방법은 4가지 정도다.
1) parseInt(정수 문자열)  || parseFloat(실수 문자열)
2) Number(문자열 or 불리언)
3) + (문자열 or 불리언)

4) (문자열 or 불리언) * 1

 

 

# 문자열를 숫자로 변환(string to number)

: "111" 처럼 숫자로 된 문자열만 변환 가능하다. 숫자가 아닌 경우, NaN 반환

 

1.  parseInt(정수 문자열)  ||  parseFloat(실수 문자열) 
: 소수가 없는 정수는 parseInt(), 소수가 있는 실수는 parseFloat()로 형변환.

parseInt("11")         // 11
parseFloat("11.55")    // 11.55

parseInt("NaN")        // NaN
parseFloat("NaN")      // NaN

parseInt("Infinity")   // Infinity
parseFloat("Infinity") // Infinity

parseInt("Hello")      // NaN

* NaN, Infinity 는 parseInt(), parseFlaot() 둘다 적용 가능

 

 

2.  Number(문자열) 
: Number 생성자 함수를 new 없이 활용하는 방법

Number("11");     // 11

Number("11.55");  // 11.55

Number("Hello");  // NaN

 

 

3.  +(문자열) 
: 문자열 앞에 + 연산자를 붙여주면, 숫자로 형변환이 된다.

+ ("11")   // 11

+ "11.55"  // 11.55

+ "-11"    // -11

+ "Hello"  // NaN

* 괄호는 상황에 따라 넣으면 된다.

 

 

4.  (문자열) * 1 

: 문자열에 *연산을 하면, 숫자로 형변환이 된다.

"11" * 1     // 11

"11.55" * 1  // 11.55

"-11" * 1    // -11

"Hello" * 1  // NaN

 

 

 

# 불리언을 숫자로 변환(boolean to number)

: true → 1, false → 0 으로 변환되며, parseInt(), parseFloat()는 적용 불가하다.

 

1.  Number(불리언) 

: Number 생성자 함수를 new 없이 활용하는 방법

Number(true)  // 1

Number(false) // 0

 

 

2. +(불리언) 
: 불리언 앞에 + 연산자를 붙여주면, 숫자로 형변환이 된다.

+ (true)  // 1

+ false   // 0

* 괄호는 상황에 따라 넣으면 된다.

 

 

3.  (불리언) * 1 

: 불리언에 * 연산을 하면, 숫자로 형변환이 된다.

(true) * 1  // 1

false * 1   // 0

* 괄호는 상황에 따라 넣으면 된다.

 

---

▶ 다른 타입의 형변환은 아래 글 참고

[JS] 자바스크립트 형변환 #1: number to string 등

[JS] 자바스크립트 형변환 #3: number to boolean 등