工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符…等

又來寫這個系列了… 把一些工作時常用的技巧分享出來,也能更加深自己的印象。

?? 與 && 運算符

?? 運算符用於檢查一個數是否為 nullundefined,當左側數為 nullundefined 時,它會返回右邊的數,否則返回左邊的數。

&&?? 運算符剛好相反,假設 && 左側的數為 true,就會返回右側的數,否則返回左邊的數。

問號與and符號 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

數字分隔符

當要處理很多位數的數字時,可以使用底線隔開數字以增加程式碼可讀性:

數字隔開 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

數字與字串之間的轉換

  • 在字串前加上 + 可以使字串轉為數字型別。
  • 在數字後加上 + "" 可將數字轉為字串型別。
  • 將字串與數字相加,其意義等同字串相連。
數字與字串之間的轉換 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

浮點數取整

幾種常見的取整方式:

浮點數取整 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

產生隨機小數

  • Math.random() 會回傳一個 [0,1) 隨機小數 (包含 0,不包含1)。
  • toString() 方法將回傳一個可以表達該陣列及其元素的字串。
  • substring(start , end) 方法返回一个字符串在开始索引到结束索引之间的一个子集。

使用 Math.random() 產生 [0, 1) 之間的隨機浮點數,再使用 toString(36) 將其轉換為 36 進位(0 ~ 9 , a ~ z),最後透過 substring() 擷取指定位數的隨機小數。

隨機小數 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

同樣的, Date.now() 會回傳自 1970/01/01 00:00:00 UTC 起經過的毫秒數,也可以利用它來產生隨機數。

動態引用物件中的屬性

這個應該算是非常常見的使用方法了,比如最常運用在 table,可以將各個 object 所有屬性的值一個一個輸出:

動態引用屬性 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

檢查屬性是否存在物件中

使用 in 就可以檢查這個屬性是否存在於該物件當中,回傳值為 boolean:

檢查屬性是否存在物件中 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

解構技巧

假設今天我們要解構 student > score > math 以及 music,可以像下方寫法去解構,但如此一來,就無法使用 score 了:

解構1 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

其實我們可以直接同時解構 math, musicscore

解構2 工作時經常用到的 JS 知識點及技巧(2)-數字處理、動態引用屬性、邏輯運算符...等

還有一些之前發過的常用到的小技巧,可以參考:

工作時經常用到的 JS 知識點及技巧(1)-可選鏈、三元運算子、Moment.js

未來會盡力完成這個工作常用技巧系列…吧>_<

0 0 評分數
Article Rating
訂閱
通知
guest

0 Comments
在線反饋
查看所有評論