자바스크립트 - 소수점 자리수 처리 방법, 반올림하는 toFixed()

toFixed 는 자바스크립트에서 소수점 자리수를 제한할 수 있는 매소드 입니다.

 

 

toFixed

toFixed 는 매개변수로 소수점 자리수를 채워주면 그 자리수 만큼 반올림하여 문자열로 리턴해주는 소수점 처리 매소드입니다.

 

• toFixed

 

toFixed

자바스크립트에서 실수 계산을 할 경우 소수점이 길게 리턴되는 경우가 많습니다. 이때 toFixed로 자리수를 제한하여 값을 표현할 수 있습니다.

 

// 실수
let num = 1.235;

// toFixed(자리수 제한)
console.log(num.toFixed(2));

 

1.235에서 소수점 둘째자리까지 반올림한 결과 입니다.

반올림

 

아래의 num_2는 4로 끝나는 실수로 반올림하여도 값이 오르지 않습니다.

결과

 

 

toFixed 리턴 값

toFixed 매소드는 결과값으로 문자열(string)을 리턴합니다. 따라서 toFixed를 이용하여 소수점을 제한한 후, 결과 값을 다시 연산하기 위해서는 형변환(캐스팅) 해줘야 합니다.

 

리턴값 string

 

형변환은 string 리턴된 값 앞에 Number 키워드를 붙이면 됩니다. 형변환은 따로 한번 다루도록 하겠습니다.

let num = 1.235;
console.log(typeof(num)); // 자료형 number

let res = num.toFixed(2);
console.log(typeof(res)); // 자료형 string

let sum = num + Number(res); //1.235+1.24
console.log(sum);

 

결과는 아래와 같습니다.

결과

 

 

마무리

toFixed의 리턴값이 문자열인 점을 유의하시어 소수점 자리 및 반올림에 유용하게 쓰이길 바라겠습니다.

 

감사합니다.