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

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

숫자나 불리언을 문자열로 형변환하는 방법은 3가지 정도다.

1) (숫자 or 불리언).toString()

2) String(숫자 or 불리언)

3) "" + (숫자 or 불리언)

 

 

 

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

1.  (숫자).toString() 

: Object.prototype.toString 메서드를 활용하는 방법

(111).toString()       // "111"
(NaN).toString()       // "NaN"
(Infinity).toString()  // "Infinity"

 

 

 

2.  String(숫자) 

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

String(111)       // "111"
String(NaN)       // "NaN"
String(Infinity)  // "Infinity"

 

 

3.  숫자 + "" 

: 문자열 연결 연산자(+) 활용하는 방법. 따옴표로 감싼 빈 문자열을 더해주면 형변환이 발생한다.

111 + ""       // "111"
NaN + ""       // "NaN"
"" + Infinity  // "Infinity"

* "" + 숫자 형식, 숫자 + "" 형식 모두 동일하다.

 

 

 

# 불리언을 문자열로 변환(boolean to string)

1. toString(불리언)

: Object.prototype.toString 메서드를 활용하는 방법

(true).toString()  // "true"
(false).toString() // "false"

 

 

2. String(불리언)

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

String(true)   // "true"
String(false)  // "false"

 

 

3.  "" + 불리언 

: 문자열 연결 연산자(+) 활용하는 방법. 따옴표로 감싼 빈 문자열을 더해주면 형변환이 발생한다.

true + ""   // "true"
"" + false  // "false"

* "" + 불리언 형식, 불리언 + "" 형식 모두 동일하다.

 

---

▶︎ (참고) undefined, null 타입의 경우, String()이나 "" + 로 문자열 변환이 가능. ( toString() 메서드는 사용 불가 )

▶︎ (참고) 숫자, 불리언은 객체가 아니지만, toString() 메서드를 호출할 수 있다.

- 관련 내용은 아래 글 참고 -

[JS] 자바스크립트 래퍼 객체 (기본/원시타입 표준메서드)

 

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

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

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