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
'프론트엔드 > JavaScript' 카테고리의 다른 글
[자바스크립트] Arrays (배열)의 methods (0) | 2022.04.22 |
---|---|
[자바스크립트] 형변환 Number(), parseInt(), parseFloat()의 차이 (0) | 2022.04.18 |
[자바스크립트] 키보드 이벤트 (keyboard event) 종류 (0) | 2022.04.15 |
[자바스크립트] JavaScript 기초 다지기 - 1 (0) | 2022.04.12 |
[자바스크립트] querySelector() 와 getElementById()의 차이점 (0) | 2022.03.22 |
댓글