8個實用的JavaScript小技巧

1、使用!!操做符轉換布爾值

有時候咱們須要對一個變量查檢其是否存在或者檢查值是否有一個有效值，若是存在就返回true值。爲了作這樣的驗證，咱們能夠使用!!操做符來實現是很是的方便與簡單。對於變量能夠使用!!variable作檢測，只要變量的值爲:0、null、" "、undefined或者NaN都將返回的是false，反之返回的是true。

2、使用+將字符串轉換成數字

這個技巧很是有用，其很是簡單，能夠交字符串數據轉換成數字，不過其只適合用於字符串數據，不然將返回NaN。

3、使用||運算符

在ES6中有默認參數這一特性。爲了在老版本的瀏覽器中模擬這一特性，能夠使用||操做符，而且將將默認值當作第二個參數傳入。若是第一個參數返回的值爲false，那麼第二個值將會認爲是一個默認值。

4、在循環中緩存array.length

這個技巧很簡單，這個在處理一個很大的數組循環時，對性能影響將是很是大的。

5、檢測對象中屬性

當你須要檢測一些屬性是否存在，避免運行未定義的函數或屬性時，這個小技巧就顯得頗有用。若是你打算定些一些跨兼容的瀏覽器代碼，你也可能會用到這個小技巧。例如，你想使用document.querySelector()來選擇一個id，而且讓它能兼容IE6瀏覽器，可是在IE6瀏覽器中這個函數是不存在的，那麼使用這個操做符來檢測這個函數是否存在就顯得很是的有用，

6、獲取數組中最後一個元素

Array.prototype.slice(begin,end)用來獲取begin和end之間的數組元素。若是你不設置end參數，將會將數組的默認長度值看成end值。但有些同窗可能不知道這個函數還能夠接受負值做爲參數。若是你設置一個負值做爲begin的值，那麼你能夠獲取數組的最後一個元素。

7、數組截斷

這個小技巧主要用來鎖定數組的大小，若是用於刪除數組中的一些元素來講，是很是有用的。例如，你的數組有10個元素，但你只想只要前五個元素，那麼你能夠經過array.length=5來截斷數組。

8、將NodeList轉換成數組

若是你運行document.querySelectorAll(「p」)函數時，它可能返回DOM元素的數組，也就是NodeList對象。但這個對象不具備數組的函數功能，好比sort()、reduce()、map()、filter()等。爲了讓這些原生的數組函數功能也能用於其上面，須要將節點列表轉換成數組。