一、使用!!操作符轉換布爾值

網站設計制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發可交付網站源代碼;符合網站優化排名的后臺管理系統；網站設計、成都網站設計收費合理；免費進行網站備案等企業網站建設一條龍服務.我們是一家持續穩定運營了十年的成都創新互聯公司網站建設公司。

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

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

這個技巧非常有用，其非常簡單，可以交字符串數據轉換成數字，不過其只適合用于字符串數據，否則將返回NaN。

三、使用||運算符

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

四、在循環中緩存array.length

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

五、檢測對象中屬性

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

六、獲取數組中最后一個元素

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

七、數組截斷

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

八、將NodeList轉換成數組

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

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞標題：8個實用的JavaScript小技巧-創新互聯
網址分享：http://vcdvsql.cn/article24/isgje.html

成都網站建設公司_創新互聯，為您提供動態網站、關鍵詞優化、外貿網站建設、定制網站、電子商務、服務器托管

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯