JavaScript에서 숫자 추출하기
Number 함수는 오직 숫자로만 구성된
문자열에서만 작동합니다.
그러나 JavaScript 프로그래밍에서는
앞부분에 숫자가 있고 그 뒤에 문자가 오는
문자열을 처리해야 하는 상황이 자주 발생합니다.
이러한 문자열의 예로는 픽셀 값: '12px'가 있습니다. 앞부분에 있는 숫자를 추출하고 문자열 부분은 버려야 한다고 가정해 봅시다. 이러한 작업을 위해 parseInt 함수가 존재합니다. 예제를 통해 그 동작을 살펴보겠습니다:
let num = parseInt('12px');
alert(num); // 12를 출력합니다
그러나 픽셀 값은 가끔 소수점을 포함할 수 있습니다:
'12.5px'. 이 경우 parseInt 함수는
동작하지 않고 정수 부분만 출력합니다:
let num = parseInt('12.5px');
alert(num); // 여전히 12를 출력합니다
사실, 이러한 동작이 바로 필요한 경우일 수도 있습니다. 하지만 그렇지 않다면, 소수점 부분까지 포함하여 숫자를 추출하는 parseFloat 함수를 사용하세요:
let num = parseFloat('12.5px');
alert(num); // 12.5를 출력합니다
물론, 소수점 부분이 없다고 해서 parseFloat 함수가 올바르게 작동하지 않는 것은 아닙니다:
let num = parseFloat('12px');
alert(num); // 12를 출력합니다
값이 '5px'인 변수와 값이 '6px'인 변수가 주어졌습니다. 이 변수들의 값에서 픽셀의 합을 구하고 화면에 출력하세요.
값이 '5.5px'인 변수와 값이 '6.25px'인 변수가 주어졌습니다. 이 변수들의 값에서 픽셀의 합을 구하고 화면에 출력하세요.
출력되는 결과에 'px' 문자가 추가되도록 이전 문제를 수정하세요. 즉, 합계가 11.75라면 화면에 '11.75px'가 출력되어야 합니다.
