• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Number] JS - toFixed() 메서드 - 지정소수자릿수 숫자 문자열로 변환 (= toFixed메서드 = 투픽스트 메서드) ※ 소수점 이하 정확한 연산/계산

목차

  1. toFixed() 예제 - 소수자릿수 지정 안 된 경우
  2. toFixed() 정의
  3. toFixed() 구문
  4. toFixed() 예제 - 소수자릿수 지정 된 경우
  5. toFixed() 예제 - 원래 숫자보다 소수자릿수 더 많이 지정된 경우
  6. toFixed() 예제 - 소수점 이하 정확한 연산

 

toFixed() 예제 - 소수자릿수 지정 안 된 경우

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var num = 4.56789;

  var n = num.toFixed();

  document.getElementById("demo").innerHTML = n;

}

</script>

 

결과보기 (결과값: 5)


toFixed() 정의

 

숫자를 지정 소수 자릿수로 반올림 후 string형으로 변환.

 


 

1.

원 숫자보다 소수점 이하 자릿수 더 많이 지정 시, 해당 자리에 0 추가.

(예) 1.23 경우 소수점 5자리로 표현 시, 1.23000 형식으로 바뀜. 

 

2.

모든 브라우저 지원.

 

 

toFixed() 구문

 

number.toFixed(x)

 


[매개변수]

 

x

선택. 소수점 이하 자릿수. (기본값: 0 - 소수점 이하 자릿수 없음 의미)

 


[반환값]

 

소수점 있거나 없는 숫자 문자열 반환. (string형)

※ 반환값 이용해 연산하려면, Number() 함수 사용해 숫자로 변환 필요.

 


toFixed() 예제 - 소수자릿수 지정 된 경우

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var num = 4.56789;

  var n = num.toFixed(2);

  document.getElementById("demo").innerHTML = n;

}

</script>

 

결과보기 (결과값: 4.57)

 

toFixed() 예제 - 원래 숫자보다 소수자릿수 더 많이 지정된 경우

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var num = 4.56789;

  var n = num.toFixed(10);

  document.getElementById("demo").innerHTML = n;

}

</script>

 

결과보기 (결과값: 4.5678900000)


toFixed() 예제 - 소수점 이하 정확한 연산

 

var t1 = 150.7

var t2 = 5.9

var t3 = t1 - t2

console.log(t3); // 144.79999999999998

console.log(Number(t3.toFixed(1))); // 144.8

 

결과보기

관련글: Policia (220107) https://sir.kr/cm_free/1615419


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Number JS - Number -
Number JS - constructor - 객체생성자함수 (숫자 경우)
Number JS - MAX_VALUE - JS최대값 (= JS에서 가장큰수)
Number JS - MIN_VALUE - JS최소값 (= JS가장작은값)
Number JS - NEGATIVE_INFINITY - 음의 무한대
Number JS - NaN ★ - 숫자유형에 속하나, 유효한 숫자가 아닌 값 (= NaN속성값 = 난값)
Number JS - POSITIVE_INFINITY - 양의 무한대
Number JS - prototype 속성(숫자) - 사용자정의 속성/메서드 추가 (숫자객체경우 = 프로토타입)
Number JS - isFinite() 함수 - 유효한 유한수인지 판별 [Number객체함수] (IE12 이상)
Number JS - isInteger() 메서드 - 정수인지 판별 (IE12 이상)
Number JS - isNaN() 메서드 - NaN인지 판별 (IE12 이상)
Number JS - isSafeInteger() 메서드 - 안전한 정수인지 판별 (IE12 이상)
Number JS - toExponential() 메서드 - 숫자를 지수 표기법으로 변환
Number JS - toFixed() 메서드 - 지정소수자릿수 숫자 문자열로 변환 (= toFixed메서드 = 투픽스트…
Number JS - toPrecision() 메서드 - 숫자를 지정 길이로 변환 (= 투프리시전)
Number JS - toString() 메서드(숫자경우) - 숫자를 문자열타입으로 변경 (= toString메서드 = …
Number JS - valueOf() 메서드 - 객체값 (숫자자체 = valueOf메서드 = 밸류어브)
목록
찾아주셔서 감사합니다. Since 2012