이 기사에서는 수학 개체를 사용하여 부동 소수점 숫자가 가장 가까운 정수로 반올림되는 방법을 알아내는 방법을 보여줍니다.
다시 말해, 숫자를 반올림할 때 소수점 오른쪽을 보고 반올림할지 내림할지 알아냅니다. .5 이상이고 양수이면 반올림합니다. 양수일 때 .5보다 작으면 내림합니다. 음수의 경우 임계값이 약간 조정됩니다. .5 이하이면 내림합니다. 구문은 다음과 같습니다.
Math.round(inputVal);
Math 개체를 사용하고 있으므로 Math부터 시작합니다. 다음은 라운드 방식입니다. 괄호 세트는 괄호 안의 입력 값에 대한 메서드를 호출하고 반올림된 값을 반환합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form onsubmit=handleSubmit(event)>
<label for="round">Enter a number:</label>
<input id="round" onchange=handleChange(event) type="text" name="round" value=""/>
<input type="submit" value="Submit" />
</form>
<h3 id="root"></h3>
<script>
let inputVal = ""
const handleChange = e => {
inputVal = e.target.value;
console.log(inputVal)
}
const handleSubmit = e => {
e.preventDefault();
const root = document.querySelector("#root");
root.innerHTML = Math.round(inputVal);
}
const inputValue = document.getElementById("round").value
</script>
</body>
</html> 입력에 문자열이나 null을 입력하면 NaN이 반환됩니다. 위의 코드 편집기를 시도하고 부동 소수점 숫자를 입력하여 Math.round() 메서드가 작동하는 방식에 대한 아이디어를 얻으십시오.
결론
그게 다야! 이제 Math 개체를 사용하여 숫자를 반올림하는 방법을 알아낼 수 있습니다. 다음은 다음에 배울 내용을 파악하는 데 도움이 되는 몇 가지 기사입니다.
- 자바스크립트 난수:완전한 가이드
- JavaScript ParseInt:단계별 가이드
- 자바스크립트 카운트다운 타이머:튜토리얼
- 자바스크립트 toString
- 자바스크립트 toUpperCase 및 toLowerCase