Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript数学オブジェクト：ラウンド

この記事では、数学オブジェクトを使用して、浮動小数点数が最も近い整数に丸められる方法を理解する方法を説明します。

念のため、数値を四捨五入するときは、小数点の右側を見て、四捨五入するか切り捨てるかを判断します。 .5以上でプラスの場合は、切り上げます。正の値が0.5未満の場合は、切り捨てます。負の数の場合、しきい値はわずかに調整されます。0.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乱数：完全ガイド
  • JavaScript ParseInt：ステップバイステップガイド
  • JavaScriptカウントダウンタイマー：チュートリアル
  • JavaScript toString
  • JavaScripttoUpperCaseおよびtoLowerCase

  1. JavaScriptのRegExpオブジェクト。

    RegExpオブジェクトは、テキストの一部を検索および抽出することにより、一部のテキストのパターンマッチングに使用されます。 RegExpオブジェクトは、regexpコンストラクターまたはリテラル構文のいずれかを使用して作成できます。 以下は、JavaScriptのRegExpオブジェクトのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"

  2. JavaScriptのオブジェクト初期化子

    オブジェクト初期化子は、新しく作成されたオブジェクトを初期化できるようにする式です。これは、プロパティ名の0個以上のペアと、中括弧{}で囲まれたオブジェクトの関連する値のコンマ区切りのリストです。 以下は、JavaScriptのオブジェクト初期化子のコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d