자바스크립트(JS) 반올림(toFixed) 하는 방법과 2진법, 8진법 등, N진법으로 변환하는 방법을 알아봅시다.

 

 

 안녕하세요 오늘은 자바스크립트에서 반올림 하는 방법과 진법으로 변환하는 방법에 대해 배우고, 예시를 통해서 그것을 간단하게 나타내보도록 하겠습니다. 오늘 포스팅 하는 문법 내용은 특히 for문이나 while 문처럼 반복문 내에서 조건문으로 활용하기 좋습니다. 조건에 만족하면 반올림을 한다거나, 내림을 하는 등 세부 조건문으로 지정해줄 때 많이 사용되고 유용하게 사용되므로 확인해주시면 유용하게 사용될 것 같습니다. :) 

 다양한 예시로 한번 살펴보겠습니다.

 

 

 

 1. 반올림 toFixed(자릿수)

소수점 자릿수 아래 반올림하는 방법 

 

 

소수점 아래 반올림 하는 수는 우리가 toFixed(자릿수)를 입력해주고 자릿수 위치 값 바로 아래에서 반올림 하시는 것으로 생각해주시면 됩니다. 소스 코드로 살펴보시겠습니다.

// ? 소수점 자릿수 반올림

// !예시 1
var exampleNum1 = 123.45678;
console.log(exampleNum1.toFixed(1)) //123.5

// ! 예시 2
var exampleNum2 = 12.34555;
console.log(exampleNum2.toFixed(1)) //12.3 

 

첫번째 출력 코드의 경우 반올림 자릿수가 소수점 두번째 자리수인 .45 자리이기 떄문에 5의 자리에서 반올림 하여 123.5가 되는 것을 볼 수 있고, 두번째 코드에서는 2번째 자리에서 반올림 했지만 5를 넘지 못하는 4이기 때문에 12.4가 아닌 12.3으로 출력되는 것을 볼 수 있습니다.

 

 

 

 

 

2. 소수점 자리를 넘어가는 수를 toFixed( 자리 수보다 더 많은 값 입력 ) 하는 경우

그 나머지 값들을 0을 채우게 됩니다.

 

 이 부분도 막상 설명을 들으면 무슨 말이신지 모르겠는데요 ! 한번 예시로 살펴 보시겠습니다.

// ? 초과되는 자릿수는 0으로 채우기

// !예시 1
var exampleNum1 = 123.45678;
console.log(exampleNum1.toFixed(10))  //123.4567800000


// ! 예시 2
var exampleNum2 = 12.34555;
console.log(exampleNum2.toFixed(10))  //12.3455500000

실행 코드

결과 값 코드

 여기서도 보시면 10번째 자릿수 까지 입력을 해줬는데 막상 exampleNum1, exampleNum2 는 소수점 5자리까지 밖에 존재하지 않습니다. 그러므로 사실상 공백이 생기게 되는데요 ! 그 부분을 이제 0 으로 채워주게 되는겁니다. 그래서 자바스크립트 소숫점 10번째 자리까지 0으로 채워지는 것을 확인할 수 있습니다.

exampleNum1

 

 

4. 자바스크립트 소수점 없애고 반올림 하는 경우

소수점 아래 부분을 없애고 반올림 해서 첫번째 자리에 반영됩니다.

 

 가끔은 자바스크립트 소수점이 필요 없는 값들도 있을 텐데요, 그럴 때 사용하는 것이 공백입니다. toFixed 뒤의 소괄호 값을 ( ) 공백으로 비워놓으면 우리가 원하는 소수점이 없는 값을 출력할 수 있습니다.

 

// ? 소수점 첫째 자리에서 반올림 하기.

// !예시 1
var exampleNum1 = 123.45678;
console.log(exampleNum1.toFixed()) // 123

// ! 예시 2
var exampleNum2 = 12.34555;
console.log(exampleNum2.toFixed())  // 12

 

 

 

 

 

3. toFixed로 변환하면 String 값으로 변환되는데,

Number 값으로 변환하기

 

  현재 우리가 사용중인 toFixed 메소드의 경우는 변환하면 String 값으로 출력되는 것을 확인할 수 있습니다. Number로 값을 출력하고 싶은 경우는 어떻게 출력해주어야 할까요? 답은 + 기호를 앞에 붙여줌으로써 해결할 수 있었습니다.

 

typeof 연산자를 통해서 알아보니, 두가지 식이 다른 것을 확인할 수 있었습니다. number 값으로 출력하여 다시 활용하고 싶다면 +로 출력해주시면 됩니다.

 

 

 

 

 

4. toFixed로 변환하면 String 값으로 변환되는데,

Number 값으로 변환하기

 

  현재 우리가 사용중인 toFixed 메소드의 경우는 변환하면 String 값으로 출력되는 것을 확인할 수 있습니다. Number로 값을 출력하고 싶은 경우는 어떻게 출력해주어야 할까요? 답은 + 기호를 앞에 붙여줌으로써 해결할 수 있었습니다.

 

실행코드

결과값

 

 

 

저의 아주 작은 티끌 코딩 글이 블로그 방문자 님의 코딩에 도움이 됐으면 좋겠습니다.

좋아요(❤) 버튼 ↙은 항상 감사합니다.

방문하신 모든 분들 좋은 하루 되세요 : )