[javascript] 소수점 자르기 활용

728x90

목 차

• 1. Number.toFixed()
• 2. 문법
• 3. 기본 예제
• 3-1. 기본 사용법 (소수점 이하 반올림)
• 3-2. 소수점 이하 자릿수를 0으로 지정
• 3-3. 소수점 이하 자릿수를 늘리기
• 3-4. 소수점 이하가 0인 경우
• 4. 활용 예제
• 4-1. 금액 표시
• 4-2. 퍼센트 계산 시 자릿수 고정

 

1. Number.toFixed()

• JavaScript의 toFixed() 메서드는 숫자를 고정 소수점 표기법으로 변환해 지정한 자릿수까지 반올림하여 문자열로 반환합니다. 이 메서드는 숫자의 소수 자릿수를 제어할 때 유용하게 사용할 수 있습니다.

 

2. 문법

• digits (선택): 소수점 이하에 나타낼 자릿수를 지정하는 정수입니다. 기본값은 0이며, 0을 지정하면 소수점 없이 반올림된 정수 부분만 남게 됩니다.
• 반환값 : 지정한 자릿수까지 반올림된 숫자를 문자열로 반환합니다.

number.toFixed(digits)

 

3. 기본 예제

3-1. 기본 사용법 (소수점 이하 반올림)

• toFixed()를 사용하여 숫자를 소수점 이하 한 자릿수까지만 표시할 수 있습니다.

const num = 3.14159;
console.log(num.toFixed(2));

 

 

 

3-2. 소수점 이하 자릿수를 0으로 지정

• 0을 지정하면 소수점 없이 정수 부분만 표시됩니다. 소수점 이하가 반올림됩니다.

const num = 3.7;
console.log(num.toFixed(0));

 

 

 

3-3. 소수점 이하 자릿수를 늘리기

• 소수점 이하 자릿수가 원래 값보다 적으면 0이 추가됩니다.

const num = 2.5;
console.log(num.toFixed(3));

 

 

 

3-4. 소수점 이하가 0인 경우

• toFixed()는 지정한 소수점 이하 자릿수가 0인 경우도 반올림된 정수로 표현됩니다.

const num = 5.0;
console.log(num.toFixed(2));

 

 

4. 활용 예제

4-1. 금액 표시

• 금액을 소수점 이하 두 자리로 고정하여 표시하는 경우에 사용할 수 있습니다.

const price = 19.99;
console.log("$" + price.toFixed(2));

 

 

 

4-2. 퍼센트 계산 시 자릿수 고정

• 퍼센트 결과를 소수점 이하 한 자릿수로 제한할 수 있습니다.

const percent = (45 / 100) * 100;
console.log(percent.toFixed(1) + "%");