自定义编写js格式化数字的函数

时间: 2019-01-25阅读: 400标签: 函数

处理网页时,有时需要显示长数字,但是当数字长度很长时,很难看出数字有多大。在这种情况下,当一些网站正在处理数字时,当数字的长度大于三时,它们用逗号分隔,这是一种常见的方式。但我检查了在网页上用逗号分隔数字的方法,我觉得它并不令人满意。所以自己写一个并在这里分享;


处理目标:将超过三位的时,使用逗号将数字分隔开来

//////// 格式化数字,个三个数字加一个逗号
    function geshihua(onum) {
        ////空字符这返回原来的空字符
        onum = $.trim(onum);
        if (onum.length == 0) {
            onum = "";
            return onum;
        };
        ////不是数字,则原样返回
        var ishu = isshuzi(onum);
        if (!ishu) {
            return onum;
        }
        //////是数字,则进行加逗号
        if (onum.indexOf(",") == -1) {
            var dataval = parseInt(onum);
            var data2 = dataval.toFixed(0).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,');
            return data2;
        } else {
            return onum;
        }

    }

    ////取输入数据的第一个字符,比较他们的ascII码,如果是数字,则ASCII码一定在48---57 之间,
    /////如果不是,则不在这个区间内,这样就可以判断它到底是不是一个数字了
    function isshuzi(onum) {
        var oval = $.trim(onum);
        var oval = oval.charCodeAt(0);
        var oflag = true;
        /////////0---9 的ascII码是48---57
        if (oval < 48 || oval > 57) {
            oflag = false;
        } else {
            oflag = true;
        }
        return oflag;
    }


Vue源码中用到的工具函数

以下摘取的函数,在 shared 目录下公用的工具方法。提取了一些常用通用的函数进行剖析,主要包含以下内容创建一个被冻结的空对象:判断是否是 undefined 或 null,判断是否不是 undefined 和 null

JS 自执行函数

由于自己js基础知识薄弱,很多js的知识还没有掌握,所以接下来会经常写一些关于js基础知识的博客,也算给自己提个醒吧。js自执行函数,听到这个名字,首先会联想到函数

高阶函数 - Higher Order Function

一个函数 如果输入参数包含函数 或 返回值包含函数,就称为高阶函数。按fn与fn功能是否一致【即相同输入是否始终对应相同输出】,把这类高阶函数的作用分为两类:

用原生Js实现Jquery函数方法

在本文中我将把自己最常用的 jQuery 函数转换为原生 JavaScript。有时我需要创建一个简单的静态 HTML 或登录页面,而且不想引入任何库或其它依赖。对这种情况,我只使用普通的 JavaScript 来完成工作

Generator函数的语法和应用

状态机,封装了多个内部状态;返回一个遍历器对象,通过改对象可以一次遍历Generator函数内部的每一个状态;带*号,yeild表达式定义不同的内部状态;调用 Generator 函数后,该函数并不执行,返回的也不是函数运行结果

CSS calc()函数的用法

CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。如果你使用过 CSS 预处理器,比如 SASS

js闭包函数

闭包函数是一种函数的使用方式,这种函数的嵌套方式就是闭包函数,这种模式的好处是可以让内层函数访问到外层函数的变量,并且让函数整体不至于因为函数的执行完毕而被销毁。

JS开发常用工具函数

isStatic:检测数据是不是除了symbol外的原始数据;isPrimitive:检测数据是不是原始数据;isObject:判断数据是不是引用类型的数据

js中回调函数,promise 以及 async/await 的对比用法 对比

在编程项目中,我们常需要用到回调的做法来实现部分功能,那么在js中我们有哪些方法来实现回调的?回调函数:首先要定义这个函数,然后才能利用回调函数来调用!

ES5中call,apply,bind方法总结

call,apply,bind这三个方法在JavaScript中是用来改变函数调用的this指向。那么改变函数this指向有什么用呢?我们先来看一段代码

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全