一、使用!!操作符轉(zhuǎn)換布爾值

在網(wǎng)站建設(shè)、成都網(wǎng)站制作中從網(wǎng)站色彩、結(jié)構(gòu)布局、欄目設(shè)置、關(guān)鍵詞群組等細(xì)微處著手，突出企業(yè)的產(chǎn)品/服務(wù)/品牌，幫助企業(yè)鎖定精準(zhǔn)用戶，提高在線咨詢和轉(zhuǎn)化，使成都網(wǎng)站營銷成為有效果、有回報(bào)的無錫營銷推廣。創(chuàng)新互聯(lián)建站專業(yè)成都網(wǎng)站建設(shè)10年了，客戶滿意度97.8%，歡迎成都創(chuàng)新互聯(lián)客戶聯(lián)系。

有時(shí)候我們需要對(duì)一個(gè)變量查檢其是否存在或者檢查值是否有一個(gè)有效值，如果存在就返回true值。為了做這樣的驗(yàn)證，我們可以使用!!操作符來實(shí)現(xiàn)是非常的方便與簡單。對(duì)于變量可以使用!!variable做檢測，只要變量的值為:0、null、" "、undefined或者NaN都將返回的是false，反之返回的是true。

二、使用+將字符串轉(zhuǎn)換成數(shù)字

這個(gè)技巧非常有用，其非常簡單，可以交字符串?dāng)?shù)據(jù)轉(zhuǎn)換成數(shù)字，不過其只適合用于字符串?dāng)?shù)據(jù)，否則將返回NaN。

三、使用||運(yùn)算符

在ES6中有默認(rèn)參數(shù)這一特性。為了在老版本的瀏覽器中模擬這一特性，可以使用||操作符，并且將將默認(rèn)值當(dāng)做第二個(gè)參數(shù)傳入。如果第一個(gè)參數(shù)返回的值為false，那么第二個(gè)值將會(huì)認(rèn)為是一個(gè)默認(rèn)值。

四、在循環(huán)中緩存array.length

這個(gè)技巧很簡單，這個(gè)在處理一個(gè)很大的數(shù)組循環(huán)時(shí)，對(duì)性能影響將是非常大的。

五、檢測對(duì)象中屬性

當(dāng)你需要檢測一些屬性是否存在，避免運(yùn)行未定義的函數(shù)或?qū)傩詴r(shí)，這個(gè)小技巧就顯得很有用。如果你打算定些一些跨兼容的瀏覽器代碼，你也可能會(huì)用到這個(gè)小技巧。例如，你想使用document.querySelector()來選擇一個(gè)id，并且讓它能兼容IE6瀏覽器，但是在IE6瀏覽器中這個(gè)函數(shù)是不存在的，那么使用這個(gè)操作符來檢測這個(gè)函數(shù)是否存在就顯得非常的有用，

六、獲取數(shù)組中最后一個(gè)元素

Array.prototype.slice(begin,end)用來獲取begin和end之間的數(shù)組元素。如果你不設(shè)置end參數(shù)，將會(huì)將數(shù)組的默認(rèn)長度值當(dāng)作end值。但有些同學(xué)可能不知道這個(gè)函數(shù)還可以接受負(fù)值作為參數(shù)。如果你設(shè)置一個(gè)負(fù)值作為begin的值，那么你可以獲取數(shù)組的最后一個(gè)元素。

七、數(shù)組截?cái)?/p>

這個(gè)小技巧主要用來鎖定數(shù)組的大小，如果用于刪除數(shù)組中的一些元素來說，是非常有用的。例如，你的數(shù)組有10個(gè)元素，但你只想只要前五個(gè)元素，那么你可以通過array.length=5來截?cái)鄶?shù)組。

八、將NodeList轉(zhuǎn)換成數(shù)組

如果你運(yùn)行document.querySelectorAll(“p”)函數(shù)時(shí)，它可能返回DOM元素的數(shù)組，也就是NodeList對(duì)象。但這個(gè)對(duì)象不具有數(shù)組的函數(shù)功能，比如sort()、reduce()、map()、filter()等。為了讓這些原生的數(shù)組函數(shù)功能也能用于其上面，需要將節(jié)點(diǎn)列表轉(zhuǎn)換成數(shù)組。