[JavaScript] 소수점 내림, 올림, 반올림

💡

자바스크립트에서 사용하는 소수점 올림, 버림, 반올림에 대해서 알아보겠습니다❗

1. 소수점 내림

Math.floor는 소수점 이하 값을 버리고 정수 부분을 내려줍니다. 주목할 케이스는

음수

일 경우 입니다.

---

Math.floor(3.14);   // 3
Math.floor(-3.14);  // -4

3.14는 3 과 4 라는 정수의 사이값입니다.

따라서, 소수점 이하 값을 버리고 3 과 4 중 작은 값인 3이 결과값이 됩니다.

 

-3.14는 -4와 -3 이라는 정수의 사이값입니다.

따라서, 소수점 이하 값을 버리고 -4, -3 중 작은 값인 -4가 결과값이 됩니다.

 

 

2. 소수점 올림

Math.ceil은 소수점 이하 값을 버리고 정수 부분을 올려줍니다. 주목할 케이스는 내림과 마찬가지로

음수

입니다.

---

Math.ceil(3.14);   // 4
Math.ceil(-3.14);  // -3

3.14의 소수점 올림은 직관적으로 이해 가능합니다.

 

-3.14의 경우,

-3.14는 -4와 -3 사이에 있습니다.

그래서 소수점 이하를 버린 후, 더 큰 정수인 -3으로 올리게 됩니다.

 

3. 소수점 반올림

Math.round는 소수점 이하 값을 반올림해줍니다. 주목할 케이스는

소수점 첫째자리가 5일 경우

입니다.

---

Math.round(3.14);    // 4
Math.round(10.5);    // 11
Math.round(10.777);  // 11 

Math.round(-3.14);   // -3
Math.round(-10.5);   // -10
Math.round(-64.59);  // -65

소수점 첫째 자리가 5일 경우,

양수라면 올림, 음수라면 내림입니다.

 

4. 소수점 버림

소수점 이하 값을 날려버리는 방법 3가지를 소개하겠습니다.

---

1️⃣

Math.trunc() : 소수점 이하를 날립니다.

Math.trunc(3.14);    // 3
Math.trunc(-3.14);   // -3

Math.trunc(0.123);   // 0
Math.trunc(-0.123);  // -0

 

2️⃣

parseInt() : 문자열 인자를 n진수에 맞게 파싱합니다.

parseInt() 함수는 원래 문자열 인자와 진수 인자를 받아 알맞게 변환해주는 함수입니다.

이 과정에서 소수점 이하가 날라가므로

, 소수점 버림을 할 때도 사용할 수 있게 됩니다.

• 진수 인자를 넣지 않으면 default값인 10진수로 파싱합니다.

 

parseInt('3.14');   // 3
parseInt('-3.14');  // -3

3️⃣

double tilde(~~)

double tilde 는 tilde를 2번 진행하는 것입니다.

그렇다면, tilde에 대해서도 한 번 알아봐야겠습니다.

밑의 토글(버튼)을 눌러주세요.

• 비트 NOT(~) 연산자

  ~는 피연산자의 비트를 반전시킵니다.

  let a = 5;         // 00000000000000000000000000000101
  let b = -3;        // 11111111111111111111111111111101 
  
  console.log(~a);   // 11111111111111111111111111111010
  // output : -6
  console.log(~b);   // 00000000000000000000000000000010
  // output : 2

  비트가 0 ⇒ 1, 1 ⇒ 0 으로 변환되었습니다.

   

• double tilde(~~) 연산자

  위의 ~ 결과를 참고해보면,

  a 가 5 일 때, ~a 는 -6이 되었습니다.

  그렇다면, ~~a 의 결과는 어떻게 될까요?

  피연산자의 비트를 반전하고, 또 반전하면 결국 원래 a 인 5가 됩니다.

   

  그렇다면, double tilde.

  왜 사용하는 걸까요?

  1. 비트 반전이 일어날 때, 소수점 부분이 버려지므로, 양수는 Math.floor()를 음수는 Math.ceil()를 대체하여 사용할 수 있습니다.

  2. 이렇게 ~~연산으로 대체했을 경우, Math.floor(), Math.ceil() 보다 연산 속도가 빨라집니다. 컴파일 속도가 중요한 경우(예를 들어 PS) 유리할 수 있습니다.

   

  let a = 9.87;
  let b = -12.34;
  console.log(~~a);   // 9
  console.log(~~b);   // -12

 

하지만, double tilde(~~) 연산자는

코드가 길고 복잡할 때 가독성이 좋지 못하기 때문에

상황에 맞게 적절히 사용하는 것이 중요하겠습니다😀

 

 

Uploaded by Notion2Tistory v1.1.0