본문 바로가기
STUDY/Js

[Js] 타입변환

 

자바스크립트에서는 타입변환에 대해서 묵시적 변환과 명시적 변환을 제공하고 있습니다.

묵시적 변환의 경우, 특정하게 설정할 필요 없이 자동으로 해당타입으로 변환해주는 것을 의미합니다.

하지만 명시적 변환의 경우, 변환하고자 하는 타입으로 명확하게 설정해주어야 합니다.

 

 

ㅁ 숫자 -> 문자열

 

 

# Number 객체

 

숫자를 문자열로 변환하고 싶다면, 일반적으로 Number 객체의 내장된 메소드를 활용하는 방법이 있습니다.

몇 가지 메소드가 있지만, 2 가지만 언급하겠습니다.     

 

   - toString() : 숫자를 문자열로 변환.

   - toFixed()  : 지정한 소수점를 문자열로 변환.

 

var num = 20;
num.toString();			// 20

var num2 = 20.05;
num2.toString();		// 20.05
num2.toFixed(2);		// 20.05
num2.toFixed(0);		// 20

 

# String 함수

 

String() 함수의 인자값으로 숫자 타입을 넣게 되면, 문자열로 반환하게 됩니다.

단, 앞에 new 키워드를 붙일 경우 객체 생성자로서 인식됩니다.

String(20);			// 20
String(20.05);			// 20.05

 

그 외에 숫자를 문자열로 '+' 연산자를 통해 합치면 결과가 문자열로 반환되는 방식을 사용해도 됩니다.

 

 


 

ㅁ 문자열 -> 숫자

 

 

# parseInt & parseFloat

 

parseInt() 와 parseFloat() 함수를 통해 문자열을 숫자 타입으로 변환할 수 있습니다.

각각 정수형과 실수형으로 변환하는 함수입니다.

parseInt("20");				// 20
parseFloat("20.05");			// 20.05

 

 

# Number 함수

 

문자열과 유사하게 Number() 함수를 활용하는 방법입니다.

Number("20");		// 20
Number(true);		// 1

 

그 외의 방법으로는 아래와 같은 방법으로 묵시적으로 변환하는 방법입니다.

var str = "20";
str - 0				// 20
+str				// 20

 

 

'STUDY > Js' 카테고리의 다른 글

[Js] 객체 (Object )  (0) 2019.11.24
[Js] 함수(Function)  (0) 2019.11.24
[Js] typeof & instanceof  (0) 2019.11.17
[Js] 동적 타입 언어  (0) 2019.11.17
[Js] JavaScript 특징  (0) 2019.11.17