javascript中对数据格式化的示例分析-创新互联
这篇文章将为大家详细讲解有关javascript中对数据格式化的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
为西塞山等地区用户提供了全套网页设计制作服务,及西塞山网站建设行业解决方案。主营业务为做网站、网站建设、西塞山网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!保留小数点后面两位
在一些要求精度没有那么准确的场景下,我们可以直接通过Number.prototype.toFixed()
来实现保留小数点两位这样的需求。
var num = 123.45678 console.log(num.toFixed(2)) //123.46 var num2 = 12 console.log(num2.toFixed(2)) //12.00
不过如果恰好,数字是一个整数,那么就会输出12.00
这样的格式,我们常常对于后面为00
的整数要求直接输出整数即可。因此不妨这样写。
var num = 123.45678 console.log(num.toFixed(2).replace('.00', '')) //123.46 var num2 = 12 console.log(num2.toFixed(2).replace('.00', '')) //12
在toFixed()
后面直接接着replace()
将整数才会出现的.00
字符串替换掉即可。
ps:Number.prototype.toFixed
返回的是一个字符串
数字为[0-9]的情况下,前置补0
在输出某些数字的时候下,如果是小于10的情况下需要在前面补0,尤其是在输出日期时间的时候。
以前在用Date
对象去获取到相关的时间数据的时候去判断是否小于10,如果是就补0。
var date = new Date() var min = date.getMinutes() min = min < 10 ? '0' + min : min console.log(min) //08
后来觉得实在不够优雅,而且代码繁多,就想到用字符串替换的方式。
var date = new Date() var min = String(date.getMinutes()).replace(/^(\d{1})$/, '0$1') console.log(min) //08
这样利用正则去匹配到单数字的情况下直接在前面加上0即可,一行代码,更加优雅。
再继续衍生下去,我基本上都是在日期格式化的时候需要做数字替换,何不直接整个字符串替换即可?比如将2017-1-8 12:8
替换成2017-01-08 12:08
。
var date = '2017-1-8 12:8'.replace(/\b\d{1}\b/g, '0$&') console.log(date)
通过正则去做整个字符串替换,不再针对性的针对某些部分做处理了。 最后给出完整的格式化日期函数示例。
function formatDate (source, format) { var date = new Date(); format = format || 'yyyy-MM-dd hh:mm'; if (typeof source == 'string') format = source; if (typeof source == 'number') date = new Date(source); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let hour = date.getHours(); let miniute = date.getMinutes(); let second = date.getSeconds(); return format.replace('yyyy', year) .replace('MM', month) .replace('dd', day) .replace('hh', hour) .replace('mm', miniute) .replace('ss', second) .replace(/\b\d{1}\b/g, '0$&'); return date; }
关于“javascript中对数据格式化的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章标题:javascript中对数据格式化的示例分析-创新互联
链接分享:http://scyanting.com/article/coggos.html