자바스크립트는 동적 타이핑 언어로, 문자열과 숫자를 서로 변환할 수 있는 다양한 기능을 제공합니다. 이번 글에서는 자바스크립트에서 문자열을 숫자로 변환하는 방법과 작동 원리에 대해 알아보겠습니다.
1. parseInt() 함수 사용
자바스크립트에서 가장 일반적인 문자열을 숫자로 변환하는 방법은 parseInt() 함수를 사용하는 것입니다. 이 함수는 문자열을 정수로 해석하여 반환합니다.
let numString = "123";
let num = parseInt(numString);
console.log(num); // 123
위 코드에서는 parseInt() 함수를 사용하여 numString 변수에 할당된 문자열을 숫자로 변환하고 있습니다. 결과적으로 num 변수에는 정수 값인 123이 저장됩니다.
2. parseFloat() 함수 사용
만약 문자열을 부동소수점 숫자로 변환하고 싶다면 parseFloat() 함수를 사용할 수 있습니다. 이 함수는 문자열을 부동소수점 수로 해석하여 반환합니다.
let numString = "3.14";
let num = parseFloat(numString);
console.log(num); // 3.14
위 코드에서는 parseFloat() 함수를 사용하여 numString 변수에 할당된 문자열을 부동소수점 숫자로 변환하고 있습니다. 결과적으로 num 변수에는 부동소수점 값인 3.14가 저장됩니다.
3. Number() 함수 사용
또 다른 방법으로 Number() 함수를 사용하여 문자열을 숫자로 변환할 수도 있습니다. 이 함수는 문자열을 숫자로 바꿔줍니다.
let numString = "42";
let num = Number(numString);
console.log(num); // 42
위 코드에서는 Number() 함수를 사용하여 numString 변수에 할당된 문자열을 숫자로 변환하고 있습니다. 결과적으로 num 변수에는 정수 값인 42가 저장됩니다.
작동 원리
자바스크립트에서 문자열을 숫자로 변환하는 방법은 내부적으로 매우 간단합니다. parseInt() 및 parseFloat() 함수는 문자열을 왼쪽에서 오른쪽으로 해석하며, 유효한 숫자로 변환할 수 있는 최대한의 길이를 찾습니다. 하지만 이들 함수는 숫자 이외의 문자를 만나면 해석을 멈추고 이전까지 변환한 숫자를 반환합니다.
Number() 함수는 더욱 유연한 변환을 제공합니다. 이 함수는 입력된 값이 숫자, 부동소수점, 지수 형식 등 다양한 형태의 숫자인지 여부를 확인하여 변환합니다. 그러므로 Number() 함수는 parseInt() 및 parseFloat() 함수보다 더 많은 유형의 입력 값을 변환할 수 있습니다.
결론
자바스크립트에서 문자열을 숫자로 변환하는 방법은 parseInt() 함수, parseFloat() 함수, 그리고 Number() 함수를 사용하는 것입니다. 이들 함수는 각각 정수, 부동소수점 숫자, 그리고 다양한 숫자 형태를 모두 변환할 수 있습니다. 적절한 함수를 선택하여 자바스크립트 프로젝트에서 문자열을 숫자로 변환하는데 활용할 수 있습니다.
참고 자료:
태그: #자바스크립트 #문자열변환