본문 바로가기
dev/javascript

[javascript] 자바스크립트 퍼센트, 백분율 구하기

by 최연탄 2023. 3. 24.
728x90
반응형

참고: https://linuxhint.com/calculate-percentage-in-javascript/

백분율 계산은 수학, 금융, 교육 등의 분야에서 중요시 합니다. 웹 개발 및 JavaScript 개발에서 백분율 계산은 보다 동적이고 사용자 친화적인 애플리케이션을 구축하게 하고 데이터를 명확하고 의미 있게 표현할 수 있도록 하기 때문에 중요한 면을 가집니다.

이 포스트에서는 JavaScript에서 백분율을 계산하는 과정을 알아보겠습니다.

JavaScript에서 백분율 계산하는 방법

JavaScript에서 퍼센트를 계산하려면 나눗셈과 곱셈과 같은 기본 산술 연산을 사용합니다. 퍼센트를 계산하는 데 일반적으로 사용하는 공식은 "(부분/전체) * 100"입니다.

예제

두개의 매개변수 "part"와 "whole"를 사용하여 함수 "calculatePercentage()"를 정의하여 연산을 수행합니다. part를 whole로 나누고 100을 곱하면 주어진 숫자의 퍼센트를 리턴합니다:

function calculatePercentage(part, whole) {
  return (part / whole) * 100;
}

퍼센트 계산을 위해 "calculatePercentage()" 함수에 각각 6, 15와 53, 60과 30, 100을 넣어 보겠습니다.

console.log(calculatePercentage(6, 15) + '%');
console.log(calculatePercentage(53, 60) + '%');
console.log(calculatePercentage(30, 100) + '%');

위의 예제에서 두 번째 결과 값을 무리수의 형태 입니다. 퍼센트 계산의 소수점 자리 수 조정은 다음 섹션에서 다루겠습니다.

백분율의 소수점 자리 수 고정하는 방법

퍼센트 값을 특정 소수점 자리수로 고정하려면 toFixed() 메소드를 사용합니다.

const fixedLengthOutput = calculatePercentage(53, 60).toFixed(2);

위 코드의 결과 값은 소수점 두자리로 나타납니다.

이를 활용해 toFixed() 메소드를 calculatePercentage() 함수에 적용할 수도 있습니다.

function calculatePercentage(part, whole) {
  return ((part / whole) * 100).toFixed(3);
}

이 수정된 함수에 53, 60을 넣으면 결과 값이 소수점 셋 째 자리 까지만 표시되는 것을 확인할 수 있습니다.

그냥 정수 값의 퍼센트를 얻고 싶다면 다음 섹션을 확인하기 바랍니다.

백분율 값을 정수로 얻는 방법

소수점이 아닌 정수로 퍼센트 값을 얻고 싶다면 Math.round() 메소드를 사용하면 됩니다. 이는 반올림한 정수 값을 반환합니다.

function calculatePercentage(part, whole) {
  return Math.round((part / whole) * 100);
}

지금 까지 JavaScript에서 퍼센트를 계산하는 여러가지 방법을 알아봤습니다.

정리

JavaScript에서 백분율을 계산하려면 기본 산술 연산인 나눗셈과 곱셈을 사용합니다. 무리수의 형태로 계산된 백분율을 특정 소수점으로 고정하려면 toFixed() 메소드를 사용합니다. 정수로만 백분율을 얻고 싶다면 Math.round() 메소드를 사용합니다.

관련 글

자바스크립트 반올림, 올림, 내림

반응형

댓글