본문 바로가기
프론트엔드/JavaScript

[자바스크립트] 숫자타입을 문자타입으로 변환, String 함수와 toString()

by CODESIGN 2022. 4. 18.

 String  함수와  toString 은 둘 다 숫자형을 문자형으로 변환해줍니다.

그렇다면 이 둘에는 어떤 차이가 있는 걸까?

 

 

String 함수


 String  함수는 주어진 인자를 문자열로 변환할 뿐만 아니라  new  키워드와 함께 새로운 문자열 객체를 생성할 수 있습니다.

let num1 = 12;
console.log(typeof num1); //number
let str1 = String(num1);
console.log(typeof str1); //string

 

 new 를 사용하여 string 만들어보았습니다.

let newString1 = String(100); //"100"
let newString2 = new String(100); //String {"100"}

 

 

toString 함수


 toString  함수는 숫자 또는 문자열의 메서드로 사용할 수 있습니다.  

 

먼저 문자열 메서드로 사용해봤습니다.

let num1 = 12;
let str1 = num1.toString() //"12";

 

숫자열 메서드로 사용될 경우 기수(radix)를 매개변수로 취합니다. 기수의 값은 최소 2부터 36 사이의 값을 대입하면 숫자를 해당 진수로 변환한 문자열을 반환합니다.

  • 매개변수에 아무것도 넣지 않았을 때(num1.toString()) default인 10진수로 출력됩니다. 
let num1 = 12;
let binary_str1 = num1.toString(2); // "1100"

 

 

마무리


이처럼 단순히 숫자형을 문자형으로 변경할 때는  String  함수와  toString   함수의 동작이 동일하지만, 목적에 따라 다른 기능을 수행할 수도 있습니다. 

 

 

 

Reference

 

Object.prototype.toString() - JavaScript | MDN

The toString() 은 문자열을 반환하는 object의 대표적인 방법이다

developer.mozilla.org

 

댓글