javascript中对数据文本格式化的思考
来源:互联网 发布:决策树算法优点 编辑:程序博客网 时间:2024/04/29 23:42
在一些要求精度没有那么准确的场景下,我们可以直接通过Number.prototype.toFixed()
来实现保留小数点两位这样的需求。
var num = 123.45678console.log(num.toFixed(2)) //123.46var num2 = 12console.log(num2.toFixed(2)) //12.00
不过如果恰好,数字是一个整数,那么就会输出12.00
这样的格式,我们常常对于后面为00
的整数要求直接输出整数即可。因此不妨这样写。
var num = 123.45678console.log(num.toFixed(2).replace('.00', '')) //123.46var num2 = 12console.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 : minconsole.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 = 'yyyy-MM-dd') { let date = new Date(); if (typeof source === 'string') format = source; if (typeof source === 'number') date = new Date(source); if (typeof source === 'object') date = source; const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = date.getHours(); const miniute = date.getMinutes(); const 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$&');}
0 0
- javascript中对数据文本格式化的思考
- javascript中对数据文本格式化的思考
- javascript中对数据文本格式化的思考_0
- javascript中对数据文本格式化的思考
- 对JavaScript开发中困扰的思考
- 对JavaScript开发中困扰的思考
- 对javascript的一些思考
- javascript中对json数据的处理
- javascript中对json数据的处理
- javascript中对json数据的处理
- javascript中对json数据的处理
- javascript中对json数据的处理
- seam中格式化文本的处理
- 对JavaScript的对象模型的思考
- JavaScript 对货币的格式化方法
- JAVASCRIPT中事件的思考
- confluent 对kafka格式化数据的处理
- C#中数据的格式化
- leetcode---Count Numbers with Unique Digits---回溯
- LazyMan深入解析和实现
- BCDboot.exe
- UNITY3D学习(1)之GUI井字棋
- Linux下堆漏洞利用(off-by-one)
- javascript中对数据文本格式化的思考
- 牛客网剑指offer-01二维数组的查找
- Matlab遇到的问题
- bootstrap中的导航条会遮挡导航条下面的内容
- RedisRepository分享和纠错
- VirtualBox提示严重错误,创建 COM 对象失败的问题
- Java生涯——Java基础语法(一)---关键字、常量、变量、运算符
- mysql相关
- 82C54可编程计数定时器