매우 간단한! 자바스크립트(JS) 소수점 자르기와 두자리(둘째자리)까지 나오게 하기

업무를 하다보면 종종 숫자를 이용하는 경우가 있습니다.

특히 숫자에 나오는 소수점을 자르거나 또는 소수점 첫째자리까지, 또는 둘째자리까지 보여주거나 하는 등의 기능도 필요할 수 있습니다.

 

최근에 이런 사례를 업무 중에 맞딱드려 관련한 방법들을 정리해보려고 합니다.

 

대략 아래와 같은 정도의 방법이 있습니다.

 

1. 자바스크립트 소수점 버리기

1. floor() 활용하기
2. parseInt() 활용하기
3. toString() 활용하기

 

2. 자바스크립트 n자리까지 보여주기

1. toFixed() 활용하기
2. round(), ceil(), floor() 활용하기
3. toString() 활용하기

 

---

1. 자바스크립트 소수점 버리기

1. floor() 활용하기

See the Pen Untitled by blacklobster (@blacklobster) on CodePen.

 

Math.floor()는 주어진 숫자에서 같은 정수를 반환합니다.

정수를 반환하기 때문에 소수점이 있을 경우 소수점은 모두 제거가 됩니다.

 

음수의 소수점이 있을 경우에는 해당 숫자보다 작은 숫자를 반환합니다.

위 예시처럼 -5.23일 경우에 -6이 반환됩니다.

 

2. parseInt() 활용하기

See the Pen Untitled by blacklobster (@blacklobster) on CodePen.

 

parseInt()를 활용하여 Math.floor()처럼 소수점을 자르기할 수 있습니다.

다만 위 예시처럼 -5.23일 경우에는 -6이 아닌 -5가 반환됩니다.

 

3. toString() 활용하기

See the Pen toString() / split() by blacklobster (@blacklobster) on CodePen.

 

toString()을 활용해서 하는 방법도 있는데 이거는 꽤나 절차가 더 필요합니다.

toString()으로 먼저 문자열로 만든 다음 split('.')을 통해 .(소수점)을 기준으로 잘라서 배열을 만듭니다.

그러면 숫자(12.45)는 ['12', '45']의 형태가 되고 거기서 0번째 인덱스, 즉 12를 가져옵니다.

 

그러면 결과는 12만 남게됩니다.

주의할 점은 12는 숫자가 아닌 문자열이기 때문에 숫자로 활용하려면 다시 숫자로 변경해줘야합니다.

 

---

2. 자바스크립트 n자리까지 보여주기

1. toFixed() 활용하기

See the Pen toFixed() by blacklobster (@blacklobster) on CodePen.

 

toFixed()로 간단하게 소수점 두자리까지 자를 수 있습니다.

toFixed() 안에 숫자를 넣으면 됩니다.

해당 숫자는 반올림되어 보여집니다.

 

2. round(), ceil(), floor() 활용하기

See the Pen round() / ceil() / floor() by blacklobster (@blacklobster) on CodePen.

 

round()는 반올림, ceil()은 올림, floor()는 내림의 역할을 합니다.

이 세 가지 메서드를 활용하여 소수점 n자리(예시는 둘째자리)까지 구할 수 있습니다.

 

3. toString() 활용하기

See the Pen toString() by blacklobster (@blacklobster) on CodePen.

 

위 소수점 버리기에서 활용했던 toString() 방법입니다.

이 또한 꽤나 절차가 필요합니다.

 

toString()과 split('.)을 활용하여 숫자(12.759812)를 ['12', '759812']의 배열로 만들어 준 다음,

12와 759812의 앞자리 수 75만 잘라서 합쳐주는 방법입니다.

이 역시 문자열이며, 숫자로 만들 경우 추가적인 메서드가 필요합니다.

 

---

이상 자바스크립트(JavaScript)로 소수가 포함된 숫자의 소수점 자르기 그리고 n자리(두자리)까지 구하는 방법을 알아보았습니다.