详解javascript中对数据格式化的思考
在实际应用场景中,我们常常需将一些数据输出成更加符合人类习惯阅读的格式。
保留小数点后面两位
在一些要求精度没有那么准确的场景下,我们可以直接通过Number.prototype.toFixed()来实现保留小数点两位这样的需求。
varnum=123.45678 console.log(num.toFixed(2))//123.46 varnum2=12 console.log(num2.toFixed(2))//12.00
不过如果恰好,数字是一个整数,那么就会输出12.00这样的格式,我们常常对于后面为00的整数要求直接输出整数即可。因此不妨这样写。
varnum=123.45678 console.log(num.toFixed(2).replace('.00',''))//123.46 varnum2=12 console.log(num2.toFixed(2).replace('.00',''))//12
在toFixed()后面直接接着replace()将整数才会出现的.00字符串替换掉即可。
ps:Number.prototype.toFixed返回的是一个字符串
数字为[0-9]的情况下,前置补0
在输出某些数字的时候下,如果是小于10的情况下需要在前面补0,尤其是在输出日期时间的时候。
以前在用Date对象去获取到相关的时间数据的时候去判断是否小于10,如果是就补0。
vardate=newDate() varmin=date.getMinutes() min=min<10?'0'+min:min console.log(min)//08
后来觉得实在不够优雅,而且代码繁多,就想到用字符串替换的方式。
vardate=newDate() varmin=String(date.getMinutes()).replace(/^(\d{1})$/,'0$1') console.log(min)//08
这样利用正则去匹配到单数字的情况下直接在前面加上0即可,一行代码,更加优雅。
再继续衍生下去,我基本上都是在日期格式化的时候需要做数字替换,何不直接整个字符串替换即可?比如将2017-1-812:8替换成2017-01-0812:08。
vardate='2017-1-812:8'.replace(/\b\d{1}\b/g,'0$&') console.log(date)
通过正则去做整个字符串替换,不再针对性的针对某些部分做处理了。最后给出完整的格式化日期函数示例。
functionformatDate(source,format){ vardate=newDate(); format=format||'yyyy-MM-ddhh:mm'; if(typeofsource=='string')format=source; if(typeofsource=='number')date=newDate(source); letyear=date.getFullYear(); letmonth=date.getMonth()+1; letday=date.getDate(); lethour=date.getHours(); letminiute=date.getMinutes(); letsecond=date.getSeconds(); returnformat.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$&'); returndate; }
上面列举的所有代码,都没有考察对比过执行效率,因为在这些应用场景下,效率是其次问题。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。