专栏首页编程微刊jQuery的toFixed() 方法-保留小数位数

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位,结果如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ECharts加载json数据解决方案

    json数据 https://echarts.baidu.com/examples/data/asset/data/aqi-beijing.json

    祈澈菇凉
  • layui 框架弹出一个界面弹框

    祈澈菇凉
  • Vue解析json数据的渲染

    参考:ajax和axios请求本地json数据对比 https://www.jianshu.com/p/4b9cb79fedd5

    祈澈菇凉
  • HTML的 script 标签引用js文件及其属性整理

    在 HTML 页面中,可以通过 <script> 标签插入 JavaScript 代码,也可以引用外部 js 文件。

    德顺
  • Javascript文件加载 ——LABjs和RequireJS

    <script>标签很方便,只要加入网页,浏览器就会读取并运行。但是,它存在一些严重的缺陷。

    javascript.shop
  • Javascript文件加载:LABjs和RequireJS

    传统上,加载Javascript文件都是使用<script>标签。 就像下面这样:   <script type="text/javascript" src=...

    ruanyf
  • XSS过关(一) 1~5关 详细

    于是加上 "/> 以闭合value,再加上<script>alert(1)</script> 过关

    宸寰客
  • Simditor富文本编辑器的调用

    简单、
  • Js基础教程之认识js

    老雷PHP全栈开发
  • 跨站脚本攻击(反射型xss)笔记(一)

     payload:  【    ';})</script><script>alert(1)</script>   】

    逆向小白

扫码关注云+社区

领取腾讯云代金券