jQuery的toFixed() 方法-保留小數位數

當後端給的返回值是小數的時候,前端需要對小數進行處理,得到自己想要的來展示,多數的時候,是保存小數點後面一位或者兩位,這個時候,可以使用toFixed() 方法,可把 Number 四捨五入爲指定小數位數的數字。

1:保留小數點後面兩位

<script type="text/javascript">
   let speed=43.3657
   console.log(speed.toFixed(2))
</script>

2:保留小數點後面1位

<script type="text/javascript">
      let speed=43.3657
      console.log(speed.toFixed(1))
</script>

3:保留整數

<script type="text/javascript">
        let speed=43.3657
        console.log(speed.toFixed(0))
</script>

或者

<script type="text/javascript">
        let speed=43.3657
        console.log(speed.toFixed())
</script>
圖片.png

實際運用代碼

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>toFixed() 方法</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    </head>
    <body>
        速度:<span id="speed"></span>
    </body>
    <script type="text/javascript">
        $.ajax({
            url: "data.json",
            type: 'GET',
            dataType: 'json',
            success: function(data) {
                //console.log(JSON.stringify(data))
                var htm = "";
                $.each(data, function(i, item) {
                    htm += '<span >' + item.speed.toFixed(1) + 'km/h</span>';
                })
                $('#speed').html(htm)
            }
        });
    </script>
</html>

json數據格式,data.json

[{
    "speed": 36.6666    
}]

保留小數點後面1位,結果如下:


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章