[JavaScript] 원하는 특정 소수점 자리까지 표시하기

 

 

간혹 진행률을 표시하기위해 전체 수량을 완료된 수량으로 나누게 되면 57.999999999999% 처럼 소수부분이 길게 표시되는 경우가 있는데, 이때 원하는 소수 자리수만큼만 표시하는 방법입니다.

 

또한 58.00% 같이 뒤에 소수점 뒤에 끝자리가 0일 경우, 필요없는 0을 제거하는 방법도 함께 설명합니다.

 

 

 

# toFixed()

let workCount = 7;  // 완료 수량
let totalQuantity = 50; // 전체 수량

let percentage = ((workCount / totalQuantity) * 100).toFixed(2);
console.log(percentage);

toFixed() 메서드를 이용하면 원하는 소수점 자리수를 지정할 수 있습니다.

 

 

 

# 소수점 끝자리 0 제거하기

let workCount = 7;  // 완료 수량
let totalQuantity = 50; // 전체 수량

let percentage = ((workCount / totalQuantity) * 100).toFixed(2);
    if (percentage.endsWith('.00')) {
        percentage = percentage.slice(0, -3);
    } else if (percentage.endsWith('0')) {
        percentage = percentage.slice(0, -1);
    }
console.log(percentage);

 

 

(1) toFixed() 메서드를 사용하여 원하는 특정 소수점 자리까지 표시 합니다.

 

(2) endsWith() 메서드를 사용하여 소수점 마지막 숫자가 .00으로 끝이 난다면 소수점(.)을 포함하여 끝에서 3개를 제거해 줍니다.

 

(3) 한번더 마지막 소수점 숫자가 0으로 끝난다면, 끝에서 첫번째인 0을 제거해 줍니다.