1. 程式人生 > 其它 >Js常用小技巧收藏合集(一)持續更新中...

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]的值

其他小技巧正在努力積累

不定時持續更新中... ...