อ็อบเจ็กต์ Math ของ JavaScript: ค่าสัมบูรณ์ (Absolute Value)

บทความนี้จะแสดงวิธีใช้งานอ็อบเจ็กต์ Math เพื่อหาค่าสัมบูรณ์ของตัวเลข

ค่าสัมบูรณ์คืออะไร?

ค่าสัมบูรณ์ (absolute value) ของตัวเลขคือค่าที่ไม่สนใจเครื่องหมาย สมมติว่าตัวเลขทุกตัวเป็น 0 หรือมากกว่า 0 และคืนค่าตัวเลขนั้นออกมา

ไวยากรณ์

Math.abs(inputVal);

เริ่มต้นด้วย Math เมธอดค่าสัมบูรณ์คือ abs ใส่ค่าที่ต้องการในวงเล็บ จะคืนค่าสัมบูรณ์ออกมา

ตัวอย่างการทำงาน

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Math.abs() Demo</title>
</head>
<body>
  <form onsubmit="handleSubmit(event)">
    <label for="absolute-value">ป้อนตัวเลข:</label>
    <input id="absolute-value" onchange="handleChange(event)" type="text" name="absolute-value" value=""/>
    <input type="submit" value="Submit" />
  </form>
  <h3 id="root"></h3>
  <script>
    let inputVal = "";
    const handleChange = e => {
      inputVal = e.target.value;
    };
    const handleSubmit = e => {
      e.preventDefault();
      const root = document.querySelector("#root");
      root.innerHTML = Math.abs(inputVal);
    };
  </script>
</body>
</html>

พฤติกับกับค่าต่างๆ

• ป้อนสตริง: คืนค่า NaN
• ป้อน null: คืนค่า 0
• ป้อนตัวเลขบวกหรือลบ: คืนค่าตัวเลขบวก

บทความแนะนำเพิ่มเติม

• JavaScript Random Number: A Complete Guide
• JavaScript ParseInt: A Step-By-Step Guide
• JavaScript Countdown Timer: A Tutorial
• JavaScript toString
• JavaScript toUpperCase and toLowerCase