1、生成隨機顏色

當網站需要生成隨機顏色時，我們可以通過以下代碼來執行此操作。

2、數組重新排序

對數組元素重新排序是一個非常重要的技巧，但它在原生數組中不可用。

3、復制到剪貼板

復制到剪貼板是一項非常有用且用戶友好的功能。

4、檢測深色主題

深色主題越來越流行，很多用戶會在設備上啟用暗模式。我們將應用程序切換到深色主題以改善用戶體驗。

5、滾動到頂部

將元素滾動到頂部的最簡單方法是使用 scrollIntoView。設置塊開始滾動到頂部；將行為設置為平滑以啟用平滑滾動。

6、滾動到底部

就像滾動到頂部一樣，滾動到底部只是將塊設置為結束。

7、檢測元素是否在屏幕上

檢查元素是否在窗口中的最佳方法是使用 IntersectionObserver。

8、檢測設備

使用 navigator.userAgent 檢測網站在哪個平臺設備上運行。

9、隱藏元素

我們可以將元素的 style.visibility 設置為 hidden 來隱藏元素的可見性，但是，元素的空間還是會被占用。將元素的 style.display 設置為 none 將從渲染流中刪除該元素。

10、從 URL 獲取參數

JavaScript中有一個URL對象，可以很方便的獲取URL中的參數。

11、深拷貝對象

深度復制對象非常簡單。首先，將對象轉換為字符串，然后將其轉換為對象。

除了使用 JSON 的 API 之外，還有一個更新的結構化克隆 API，用于深度復制對象，并非所有瀏覽器都支持該 API。

12、等待功能

JavaScript 提供了 setTimeout 函數，但是，它沒有返回 Promise 對象，所以我們不能在這個函數上使用 async，但是，我們可以封裝等待函數。

13、有條件地在對象中添加屬性

14、檢查對象中是否存在屬性

15、使用動態鍵破壞對象

16、循環訪問對象以訪問鍵和值

17、防止在使用可選鏈(?.)訪問對象中不存在的任何鍵時拋出錯誤

警告??：當你不確定他們的屬性是否存在或不在數據中時使用可選鏈接。如果您確定密鑰必須傳入數據，并且如果沒有出現，那么，最好是拋出錯誤而不是阻止它們。

18、檢查數組中的 falsy值

19、刪除數組中的重復值

20、校驗值是數組類型

21、字符串到數字和數字到字符串的轉換使用'+'操作符

22、當值為 null 且 undefined 時，使用空值合并 (??) 運算符有條件地分配其他值

將與 OR (||) 運算符混淆？？

如果值不真實（0，''，null，undefined，false，NaN），當您想要有條件地分配其他值時使用 OR 運算符。

23、使用 !! 進行布爾轉換操作符

寫在最后

以上就是我今天與你分享的全部內容，如果你覺得有用的話，請記得點贊我，關注我，并將它分享給你身邊的朋友，也許能夠幫助到他。

最后，謝謝你的閱讀，祝編程愉快！