金华IT培训
美国上市IT培训机构

4008270010

热门课程

JS 中可以提升幸福度的小技巧3

  • 时间:2019-01-09 10:33
  • 发布:转载
  • 来源:网络

本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~

字符串

1 字符串比较时间先后

比较时间先后顺序可以使用字符串:

var a = "2014-08-08";

var b = "2014-09-09";

console.log(a>b, a<b); // false true

console.log("21:00"<"09:10");  // false

console.log("21:00"<"9:10");   // true   时间形式注意补0

因为字符串比较大小是按照字符串从左到右每个字符的charCode来的,但所以特别要注意时间形式注意补0

数字

1 不同进制表示法

ES6中新增了不同进制的书写格式,在后台传参的时候要注意这一点。

29            // 10进制

035            // 8进制29      原来的方式

0o35            // 8进制29      ES6的方式

0x1d            // 16进制29

0b11101            // 2进制29

2 精确到指定位数的小数

将数字四舍五入到指定的小数位数。使用 Math.round() 和模板字面量将数字四舍五入为指定的小数位数。 省略第二个参数 decimals ,数字将被四舍五入到一个整数。

const round = (n, decimals = 0) =>Number(`${Math.round(`${n}e${decimals}`)}e-${decimals}`)

round(1.345, 2)                 // 1.35

round(1.345, 1)                 // 1.3

3 数字补0操作

感谢网友 @JserWang @vczhan 提供 这个小技巧 有时候比如显示时间的时候有时候会需要把一位数字显示成两位,这时候就需要补0操作,可以使用slicestringpadStart方法

const addZero1 = (num, len = 2) => (`0${num}`).slice(-len)

const addZero2 = (num, len = 2) => (`${num}`).padStart( len   , '0')

addZero1(3) // 03

addZero2(32,4)  // 0032

预约申请免费试听课

怕钱不够?就业挣钱后再付学费!    怕学不会?从入学起,达内定制课程!     担心就业?达内多家实践企业供你挑选!

上一篇:JS 中可以提升幸福度的小技巧2
下一篇:JS 中可以提升幸福度的小技巧4

达内分享初学者可能不知道的 vue.js技巧一

JS 中可以提升幸福度的小技巧5

JS 中可以提升幸福度的小技巧4

JS 中可以提升幸福度的小技巧3

选择城市和中心
贵州省

广西省

海南省