자바스크립트에서 toFixed() 함수는 숫자의 소수점 자릿수를 조절하는 데 사용됩니다. 이 함수를 사용하면 소수점 이하의 원하는 자릿수까지 반올림하여 표시할 수 있습니다. 자세한 사용법과 예제를 살펴보겠습니다.

toFixed() 함수 사용법

toFixed() 함수는 Number 객체의 메소드로, 형식은 다음과 같습니다:

number.toFixed(digits)

• number: 반올림할 숫자입니다. 숫자나 문자열 형태로 사용할 수 있습니다.
• digits: 원하는 소수점 자릿수입니다. 0에서 20까지의 정수 값을 입력할 수 있습니다.

toFixed() 함수는 주어진 숫자를 소수점 이하의 자릿수에 따라 반올림하여 문자열 형태로 반환합니다.

예제

아래 예제를 통해 toFixed() 함수를 사용하는 방법과 소수점 자릿수를 조절하는 방법에 대해 알아보겠습니다.

let number = 3.14159;

let roundedNumber1 = number.toFixed(0);
console.log(roundedNumber1); // 결과: 3

let roundedNumber2 = number.toFixed(2);
console.log(roundedNumber2); // 결과: 3.14

let roundedNumber3 = number.toFixed(4);
console.log(roundedNumber3); // 결과: 3.1416

위 예제에서, 우리는 3.14159를 소수점 아래 다른 자릿수로 반올림하여 표시했습니다. 첫 번째 예제에서 소수점 아래 0 자릿수로 반올림하여 3을 얻었습니다. 두 번째 예제에서는 소수점 아래 2 자릿수로 반올림하여 3.14를 얻었고, 세 번째 예제에서는 소수점 아래 4 자릿수로 반올림하여 3.1416을 얻었습니다.

주의사항

toFixed() 함수는 반올림하여 문자열 형태로 반환하기 때문에 결과 값은 문자열로 저장되게 됩니다. 때문에 반환된 값을 숫자로 사용하려면 parseFloat() 함수나 Number() 생성자 함수를 이용해 문자열을 숫자로 변환해야 합니다. 아래 예제를 살펴보겠습니다.

let number = 3.14159;

let roundedNumber = number.toFixed(2);
console.log(roundedNumber); // 결과: "3.14"

let parsedNumber = parseFloat(roundedNumber);
console.log(parsedNumber); // 결과: 3.14

let newNumber = Number(roundedNumber);
console.log(newNumber); // 결과: 3.14

위 예제에서, toFixed() 함수로 얻은 결과 값은 문자열 “3.14”입니다. 이 문자열을 숫자로 변환하기 위해 parseFloat() 함수 혹은 Number() 생성자 함수를 사용하였습니다. 이렇게 변환한 숫자를 변수에 할당해 숫자로 사용할 수 있습니다.

정리

toFixed() 함수를 사용하면 자바스크립트에서 숫자의 소수점 자릿수를 조절할 수 있습니다. 원하는 소수점 이하 자릿수를 입력하여 반올림한 결과를 문자열로 반환하며, 이 값을 숫자로 사용하기 위해서는 parseFloat() 함수나 Number() 생성자 함수를 이용하여 문자열을 숫자로 변환해야 합니다.

프로젝트에서 숫자를 다루는 경우, toFixed() 함수를 사용하여 원하는 형식으로 소수점을 표현할 수 있습니다.