[JavaScript] 자바스크립트 숫자를 문자열로 형 변환하는 4가지 방법

때로는 숫자를 문자열로 변환해야 할 때도 있습니다. 문자열을 결합할 때 사용해야 한다던지, 문자열이 포함되어 있는지 검색을 위해서라던지 하는 순간들이죠. 자바스크립트에는 숫자를 문자열로 형 변환 하는 방법이 여러 가지 있습니다. 이번 포스팅에서 소개하고자 합니다.

 

String 함수 사용

//사용법
String(문자열로 바꾸고자 하는 값)

See the Pen String 함수 by 우정태 (@sxqouumz-the-reactor) on CodePen.

 

String 함수를 사용하는 방법이 있습니다. 문자열로 바꾸고 싶은 값을 넣어주시면 스트링이 반환됩니다. 위의 예제에서도 typeof로 검사해 보면 string이 반환되는 것을 보실 수 있습니다.

 

 

toString 함수 사용

//사용법
문자열로 바꾸고자 하는 값.toString()

See the Pen toString by 우정태 (@sxqouumz-the-reactor) on CodePen.

 

문자열로 변환하고자 하는 값뒤에 .toString() 이라고 명시해 주면 문자열로 변환됩니다.

 

 

템플릿 리터럴 사용

//사용법
`${문자열로 바꾸고자 하는 값}`;

See the Pen 템플릿 리터럴 by 우정태 (@sxqouumz-the-reactor) on CodePen.

 

템플릿 리터럴(Template Literals)은 ES6(ECMAScript 2015)에서 도입된 자바스크립트의 새로운 문자열 출력 방식입니다. 위와 같이 ${}` 구문을 사용하여 변수나 값을 감싸면 문자열로 인식됩니다.

 

+ 연산자 사용

See the Pen +연산자 by 우정태 (@sxqouumz-the-reactor) on CodePen.

 

자바스크립트에서는 + 연산자를 활용하여 숫자와 문자열을 결합하면 문자열이 리턴됩니다. 이런 방식을 사용해서 숫자형 데이터에 "" 빈값을 더해주면 숫자를 문자열로 간단히 변환할 수 있습니다.