Đối tượng Math trong JavaScript: Giá trị tuyệt đối

Bài viết này sẽ chỉ cho bạn cách sử dụng đối tượng Math để tìm giá trị tuyệt đối của một đầu vào.

Cú pháp

Nhắc lại, giá trị tuyệt đối của một số bỏ qua dấu hiệu – nó giả định tất cả các số đều lớn hơn hoặc bằng 0 và trả về số đó. Để sử dụng phương thức giá trị tuyệt đối của đối tượng Math, đây là cú pháp:

Math.abs(inputVal);

Vì chúng ta đang sử dụng đối tượng Math, chúng ta bắt đầu bằng Math. Phương thức giá trị tuyệt đối là viết tắt abs. Cặp dấu ngoặc đơn gọi phương thức trên giá trị đầu vào bên trong ngoặc đơn và trả về giá trị tuyệt đối.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Demo Math.abs()</title>
</head>
<body>
  <form onsubmit="handleSubmit(event)">
    <label for="absolute-value">Nhập một số:</label>
    <input id="absolute-value" onchange="handleChange(event)" type="text" name="absolute-value" value=""/>
    <input type="submit" value="Submit" />
  </form>
  <h3 id="result"></h3>
  <script>
    let inputVal = "";
    
    const handleChange = e => {
      inputVal = e.target.value;
      console.log(inputVal);
    }
    
    const handleSubmit = e => {
      e.preventDefault();
      const root = document.querySelector("#result");
      root.innerHTML = Math.abs(inputVal);
    }
  </script>
</body>
</html>

Nếu bạn nhập một chuỗi, nó trả về NaN. Giá trị null sẽ trả về 0, và các số dương hoặc âm sẽ, tất nhiên, trả về số dương.

Kết luận

Đó là tất cả! Bây giờ bạn có thể sử dụng đối tượng Math để tìm giá trị tuyệt đối của một số. Dưới đây là một số bài viết có thể giúp bạn xác định điều gì cần học tiếp:

• Số ngẫu nhiên trong JavaScript: Hướng dẫn hoàn chỉnh
• ParseInt trong JavaScript: Hướng dẫn từng bước
• Đồng hồ đếm ngược trong JavaScript: Hướng dẫn
• toString trong JavaScript
• toUpperCase và toLowerCase trong JavaScript