[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