บทความนี้จะแสดงให้คุณเห็นถึงวิธีการใช้ Math Object เพื่อหาว่าจำนวนจุดทศนิยมปัดเศษเป็นจำนวนเต็มที่ใกล้เคียงที่สุดได้อย่างไร
เพื่อย้ำเตือนว่า เมื่อเราปัดเศษตัวเลข เรามองไปทางขวาของจุดทศนิยมเพื่อดูว่าเราปัดขึ้นหรือปัดลง หากเป็น .5 ขึ้นไปและเป็นบวก เราจะปัดเศษขึ้น หากเป็นค่าบวกน้อยกว่า .5 เราจะปัดเศษลง ในกรณีของตัวเลขติดลบ เกณฑ์จะถูกปรับเล็กน้อย:ถ้า .5 หรือน้อยกว่า เราจะปัดเศษลง นี่คือไวยากรณ์:
Math.round(inputVal);
เนื่องจากเราใช้ Math Object เราจึงเริ่มต้นด้วยคณิตศาสตร์ วิธีการปัดเศษมาถัดมา ชุดของวงเล็บเรียกวิธีการของค่าอินพุตภายในวงเล็บและส่งกลับค่าที่ปัดเศษ
<!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() ทำงานอย่างไร
บทสรุป
แค่นั้นแหละ! ตอนนี้คุณสามารถใช้วัตถุคณิตศาสตร์เพื่อหาวิธีปัดเศษตัวเลขได้แล้ว ต่อไปนี้คือบทความบางส่วนที่สามารถช่วยให้คุณทราบว่าต้องเรียนรู้อะไรต่อไป:
- JavaScript Random Number:คู่มือฉบับสมบูรณ์
- JavaScript ParseInt:คำแนะนำทีละขั้นตอน
- ตัวจับเวลาถอยหลัง JavaScript:บทช่วยสอน
- JavaScript toString
- JavaScript toUpperCase และ toLowerCase
