JavaScript 小数部分と整数部分を分けて取り出す

数値を小数部分と整数部分を分けるには、一度、数値を文字型に変換します。文字型に変換した後で「split()」メソッドを使ってピリオドを区切りとして分割します。分割すると配列が作成され、最初の要素に整数部が、２番目の要素に小数部が入ります。得られた結果をpraseInt()メソッドを使って数値に変換します。

<body>
<h1>小数部分と整数部分を切り分ける</h1>
<form>
    <input type="text" id="num" value="981.4652">
</form>

<script>
    window.addEventListener("load" , function(){
        var ele = document.getElementsByTagName("output");
        //テキストフィールドに入力されたらリアルタイムに結果を表示
        document.getElementById("num").onkeyup = function(){
           var n = separate(this.value);
           ele[0].innerHTML = n.integer;
           ele[1].innerHTML = n.float;
        }
        
        //整数部と小数部を切り分ける
        function separate(num){
            var data = (""+num).split(".");
            var integerN = parseInt(data[0]);
            var floatN = parseInt(data[1]);
            return {integer : integerN, float : floatN}
        }
    }, false);
</script>
    <div>整数部：<output></output></div>
    <div>小数部：<output></output></div>
</body>

カテゴリー:JavaScript