[자바스크립트] 데이터 타입 숫자로 바꾸는 두 가지 방법

문자열을 숫자로 바꿔야 하는 경우가 상당히 자주 있습니다. Javascript에서 문자열을 숫자로 변경하는 두 가지 방법을 알아보겠습니다.

두 내장 함수를 이용하면 손쉽게 문자열을 숫자로 변경할 수 있습니다.

const numStr = "1144";
console.log(typeof numStr, numStr);

const num = parseInt(numStr);
console.log(typeof num, num);

const floatStr = "29.35";
console.log(typeof floatStr, floatStr);

const float = parseFloat(floatStr);
console.log(typeof float, float);

한 가지 재미있는 것은 parseInt와 parseFloat 모두 문자열을 받아서 첫 문자부터 숫자로 추론할 수 있는 부분까지는 알아서 숫자로 변환하여 결과를 돌려준다는 점입니다. 상황에 따라서는 유용하게 쓸 수도 있을 것 같습니다.

const massStr = "2020APPLE";
const massNum = parseInt(massStr);
console.log(massNum);

위의 코드를 보면 "2020APPLE"라는 문자열에서 숫자로 변경할 수 있는 부분만 변경되어 값이 반환된 것을 확인할 수 있습니다. parseFloat도 마찬가지입니다.

문자열을 숫자로 변경할 수 없다면 NaN을 반환합니다.

const massStr = "APPLE2020";
const massNum = parseInt(massStr);
console.log(massNum);

객체 생성자를 이용해서 문자열을 숫자로 변경할 수도 있습니다. 이때 숫자로 바꿀 수 없다면 NaN을 반환합니다.

const numStr = "1144";
console.log(typeof numStr, numStr);

const num = Number(numStr);
console.log(typeof num, num);

빠른손김참치