자바스크립트는 동적 타입 언어로, 변수의 타입을 명시적으로 선언할 필요가 없습니다. 그러나 때로는 숫자와 문자열을 서로 변환해야 할 때가 있습니다. 이러한 변환은 묵시적으로 처리 될 수 있으며, 자바스크립트에서 제공하는 몇 가지 규칙을 이해하는 것이 중요합니다.
1. 숫자를 문자열로 변환하기
숫자를 문자열로 변환하는 가장 간단한 방법은 숫자 변수를 toString()
메서드를 사용하여 문자열로 변환하는 것입니다. 예를 들어:
let num = 10;
let str = num.toString();
console.log(typeof str); // 출력: string
toString()
메서드를 호출하면 숫자가 문자열로 변환되고, 결과로서 typeof
연산자로 확인할 수 있는 데이터 타입은 “string”입니다.
또한, 숫자와 문자열을 더하는 덧셈 연산을 통해도 숫자가 문자열로 변환이 됩니다.
let num = 10;
let str = num + "";
console.log(typeof str); // 출력: string
위의 코드에서 num + ""
연산은 숫자 변수 num
을 문자열과 연결하여 새로운 문자열을 생성합니다.
2. 문자열을 숫자로 변환하기
자바스크립트에서 문자열을 숫자로 변환하는 방법에는 여러 가지가 있습니다. 가장 간단한 방법은 parseInt()
함수나 parseFloat()
함수를 사용하는 것입니다.
let str = "10";
let num = parseInt(str);
console.log(typeof num); // 출력: number
parseInt()
함수는 해당 문자열에서 정수를 추출하여 숫자로 변환합니다. 만약 소수점 이하의 값이 필요한 경우에는 parseFloat()
함수를 사용합니다.
또한, 단항 연산자인 +
를 사용하여도 문자열을 숫자로 변환할 수 있습니다.
let str = "10";
let num = +str;
console.log(typeof num); // 출력: number
위의 코드에서 +str
연산은 문자열을 숫자로 변환하여 num
변수에 할당합니다.
3. 주의할 점
자바스크립트에서 숫자와 문자열 사이의 묵시적 형 변환을 사용할 때 주의해야 할 몇 가지 사항이 있습니다.
- 숫자와 빈 문자열을 더하면 빈 문자열이 아닌 숫자로 처리됩니다.
- 숫자가 아닌 문자열을 숫자로 변환하면
NaN
(Not a Number)을 반환합니다. - 숫자로 시작하는 문자열은 정수 또는 소수로 변환됩니다.
결론
자바스크립트에서 숫자와 문자열 간의 묵시적 형 변환 처리 방법에 대해 알아보았습니다. toString()
메서드나 덧셈 연산을 사용하여 숫자를 문자열로 변환하고, parseInt()
함수나 단항 연산자를 사용하여 문자열을 숫자로 변환할 수 있습니다. 그러나 이러한 변환 과정에서 발생할 수 있는 주의 사항들에 대해서도 알고 있어야 합니다.