j18. 자바스크립트 숫자 메서드

자바스크립트 숫자 메서드

자바스크립트 숫자 메서드 (JavaScript number methods) 는 아래와 같은 것이 있습니다.

메서드	설명
toString()	숫자를 문자열로 반환합니다.
toExponential()	반올림 (rounded) 및 지수 표기 (exponential notation) 하여, 문자열 형태로 반환합니다.
toFixed()	반올림 (rounded) 및 소수점을 갖는 숫자 (a specified number of decimals) 로 표기하여, 문자열 형태로 반환합니다.
toPrecision()	지정한 길이로 숫자를 표기하여, 문자열 형태로 반환합니다.
valueOf()	숫자를 숫자 형태로 반환합니다.

모든 숫자 메서드는 새로운 값으로 반환합니다. 최초의 변수 (original variable) 를 변경하지 않습니다.

---

자바스크립트 전역 메서드 (JavaScript Global Methods) 는 모든 자바스크립트 자료형에 사용될 수 있는 함수 입니다.

메서드	설명
Number()	입력받은 인수 (argument) 를 숫자로 반환합니다.
parseInt()	입력받은 인수 (argument) 의 정수 부 (integer) 를 반환합니다.

parseFloat() 입력받은 인수 (argument) 의 부동소수점 숫자를 반환합니다.

---

toString() 메서드는 숫자를 문자열로 변환합니다.

toString() 메서드는 숫자를 문자열로 바꾸어 줍니다. 바뀔 숫자에는, 숫자 그 자체 (literals) 가 오거나, 변수 (variables) 에 담긴 숫자가 오거나, 아니면 수식 (expressions) 의 결과 숫자도 올 수 있습니다.

<p>toString() 메서드는 숫자를 문자열로 변환합니다.</p>

<p id="toString1"></p>

<script>
var myValue1 = 987654321;
document.getElementById("toString1").innerHTML =
myValue1.toString() + "<br>" +
(123456789).toString() + "<br>" +
(987654321 + 12345678).toString();
</script>

---

toExponential() 메서드는 반올림 (rounded) 및 지수 표기 (exponential notation) 하여, 문자열 형태로 반환합니다.

여기서 매개변수 (parameter) 는 소수점 아래 (behind the decimal point) 몇 자리로 할 것인지 지정합니다.

<p id="myPi1"></p>

<script>
var myPi = 3.1415;
document.getElementById("myPi1").innerHTML =
myPi.toExponential(2) + "<br>" +
myPi.toExponential(3) + "<br>" +
myPi.toExponential(4) + "<br>" +
myPi.toExponential(5) + "<br>" +
myPi.toExponential();
</script>

이때 매개변수 (parameter) 는 생략할 수 도 있는데, 지정하지 않는 경우, 자바스크립트는 반올림 하지 않고 그대로 표시합니다.

---

toFixed() 메서드는 반올림 (rounded) 및 소수점을 갖는 숫자 (a specified number of decimals) 로 표기하여, 문자열 형태로 반환합니다.

<p id="toFixed1"></p>

<script>
var myPi = 3.1415;
document.getElementById("toFixed1").innerHTML =
myPi.toFixed(0) + "<br>" +
myPi.toFixed(1) + "<br>" +
myPi.toFixed(3) + "<br>" +
myPi.toFixed(5);
</script>

---

toPrecision() 메서드는 지정한 길이로 숫자를 표기하여, 문자열 형태로 반환합니다.
toPrecision() returns a string, with a number written with a specified length:

<p id="toPrecision1"></p>

<script>
var myPi = 3.1415;
document.getElementById("toPrecision1").innerHTML =
myPi.toPrecision(2) + "<br>" +
myPi.toPrecision(4) + "<br>" +
myPi.toPrecision(6) + "<br>" +
myPi.toPrecision();
</script>

---

변수 (Variables) 를 숫자 (Numbers) 로 변환하는 방법은, 자바스크립트 함수 (JavaScript functions) 에서는 3가지가 있습니다.

Number() 메서드
parseInt() 메서드
parseFloat() 메서드

이들은 숫자 메서드 (number methods) 가 아니고, 전역 메서드 (global JavaScript methods) 입니다.

---

Number() 메서드는 변수 (variables) 를 숫자 (numbers) 로 변환합니다.

<p id="myNumber"></p>

<script>
document.getElementById("myNumber").innerHTML =
Number(false) + "<br>" +
Number(true) + "<br>" +
Number("3.14159");
</script>

---

parseInt() 메서드는 문자열 (string) 을 분석하여 정수 (whole number) 로 반환합니다. 화이트스페이스 (Spaces) 등이 있는 경우, 첫번째 숫자만 반환합니다.

<p id="myParseInt"></p>

<script>
document.getElementById("myParseInt").innerHTML =
parseInt("3.14159") + "<br>" +
parseInt("3.14159 보다 크다");
</script>

---

parseFloat() 메서드도 문자열 () 을 숫자 () 로 반환합니다. 그러나 parseInt() 메서드 와는 달리 소수점이 있는 경우, 소수점까지 표시합니다.

<p id="myParseFloat"></p>

<script>
document.getElementById("myParseFloat").innerHTML =
parseFloat("3.14159") + "<br>" +
parseFloat("3.14159 보다 크다");
</script>

---

[광고] Udemy 동영상 강의로 보기