[JavaScript] 숫자를 문자로, 문자를 숫자로 변환하기

script를 사용하면서 숫자를 문자로 변환 또는 문자를 숫자로 변환하는 경우가 굉장히 많이 생긴다.

숫자를 문자로, 문자를 숫자로 변환하는 여러가지 방법에 대해 알아보자.

개인적으로 무조건 알아둬야 하는 방법이라 생각된다.

---

1. 숫자를 문자로 변환하는 방법

일반적으로 3가지 방법이 있는데, 아래와 같다.

1) 숫자로 된 변수 뒤에 더블쿼터 혹은 싱글쿼터를 붙이는 방법
2) String 함수를 사용하는 방법
3) toString 함수를 사용하는 방법

각각 어떤식으로 사용하는지 예제를 통해 확인해보자.

 

▷ 예제 1) 일반적인 3가지 방법을 이용하여 숫자를 문자로 변환하기

var num1 = 10000;
var num2 = 50000;
var num3 = 100000;

var text1 = num1 + '';
var text2 = String(num2);
var text3 = num3.toString();

console.log([num1, text1]);
console.log([num2, text2]);
console.log([num3, text3]);

여기서 toString() 의 경우는 좀 다른 의미로 많이 사용하기도 하니 본문 하단 링크를 통해 한번 확인해두자.

(성능을 따진다면 쿼터를 붙이는것을 추천한다.)

 

그리고 추가적으로 ES6 문법을 사용하여 숫자를 문자로 변환하는 방법이 있는데, 이 방법만 따로 설명하는 이유는 IE에서 사용이 불가능하기 때문이다.

 

▷ 예제 2) ES6 템플릿 리터럴 문법 사용하여 숫자를 문자로 변환하기

let num = 10000;
let str = `${num}`;

console.log([num, str]); // [10000, '10000']

요즘 많이 사용하는 문법인데, 자세히 알고 싶다면 아래 링크를 통해 알아두자.

https://mine-it-record.tistory.com/464

[ES6+] 템플릿 리터럴(Template Literal) - 백틱(back-tick) `

---

2. 문자를 숫자로 변환하는 방법

총 2가지 방법이 존재한다.

1) Number 함수 사용
2) parseInt 함수 사용

 

이 역시 예제를 통해 알아보도록 하자.

 

▷예제 1) 2가지 방법을 이용하여 문자를 숫자로 변환하기

var parseNum1 = Number(text1);
var parseNum2 = parseInt(text2);

console.log([text1, parseNum1 ]);
console.log([text2, parseNum2 ]);

1번 방법인 Number()함수를 사용하는것을 권장한다.

parseInt() 역시 다른 경우에 많이 사용하기때문에 아래 링크를 통해 알아두자.

---

참고 : https://mine-it-record.tistory.com/486

[JavaScript] parseInt() - 문자열을 숫자 혹은 특정 진수의 정수로 변환 방법

참고 : https://mine-it-record.tistory.com/485

[JavaScript] num.toString() - 숫자를 문자 혹은 진수로 변환 방법 (ft. 2진수, 8진수, 10진수, 16진수 등으