Js常用小技巧收藏合集(一)持续更新中...

1、转字符串时,位数不足时自动补零(这两个方法ES2017才出现,浏览器版本太旧不支持)

  padStart:位数不足时在前面补足
  
padEnd:位数不足时在后面补足

  let num = 8;
  num.toString().padStart(3, '0');    //输出 008

  这里的3表示输出字符串总长度3位,‘0’表示不足位数时补‘0’

 

2、对象或数组中取值时,先判空,再取值的简写形式 (如果为空会报undefined异常,无法取值)

    let a,b,c;
    if (a) b = a.name;  //如果这里不加if判断,直接a.name,就会报a为undefined
    if (b) c = b.age;

    //简写形式
    let a,b,c;
    c = a?.name?.age;    // ?. 表示如果有就向后取值,没有就返回undefined,有点链式编程那味了

//如果是数组
b = arr?.[0];    // 表示取数组arr的索引为0的值,arr为undefind或空,就返回undefind否则返回arr[0]的值

 

其他小技巧正在努力积累

不定时持续更新中... ...

 

posted on 2021-09-07 13:42  待那枫叶红成海  阅读(47)  评论(0编辑  收藏  举报

导航