天天看點

43個殺手級 JavaScript One Liners

43個殺手級 JavaScript One Liners

英文 | https://medium.com/@dreamy-player/40-killer-javascript-one-liners-fc76edaf8439

在今天的内容,我想跟大家分享43個JavaScript的單行代碼技巧,希望這些技巧能夠幫助到你,也希望你能從中學習到一些新的知識。

1. 擷取随機布爾值

此函數将使用 Math.random() 方法傳回一個布爾值(真或假)。判斷真假的機率是 50/50。

43個殺手級 JavaScript One Liners

2. 檢查提供的日期是工作日還是周末

43個殺手級 JavaScript One Liners

3.檢查一個數字是偶數還是奇數

43個殺手級 JavaScript One Liners

4.删除數組中的所有重複值

43個殺手級 JavaScript One Liners

5.檢查變量是否為數組

43個殺手級 JavaScript One Liners

一種檢查變量是否為數組的簡潔方法。

6.在兩個數字之間生成一個随機數

43個殺手級 JavaScript One Liners

這将采用兩個數字作為參數,并将在這兩個數字之間生成一個随機數!

7.生成随機字元串(唯一id?)

43個殺手級 JavaScript One Liners

8. 交換兩個變量 || 解構

43個殺手級 JavaScript One Liners

交換變量值的解構指派。

9.計算兩個日期之間的天數

43個殺手級 JavaScript One Liners

為了計算兩個日期之間的天數,我們首先找到兩個日期之間的絕對值,然後将其除以 24 * 60 * 60 * 1000 = 86400000 等于一天中的毫秒數,最後,我們将結果四舍五入,把它返還。

你可以使用 Math.round 或 Math.floor 代替 Math.ceil。

10. 合并多個數組的不同方式

43個殺手級 JavaScript One Liners

11.擷取javascript原語的實際類型

43個殺手級 JavaScript One Liners

12. 截斷

43個殺手級 JavaScript One Liners

13. 字元串大寫

43個殺手級 JavaScript One Liners

14.檢查目前頁籤是否在視圖/焦點中

43個殺手級 JavaScript One Liners

這個簡單的輔助方法根據頁籤是否在視圖/焦點中傳回 true 或 false

15.反轉字元串

43個殺手級 JavaScript One Liners

16.檢查元素目前是否處于焦點

43個殺手級 JavaScript One Liners

我們可以使用 document.activeElement 屬性檢查元素目前是否處于焦點。

17.檢查目前使用者是否支援觸摸事件

43個殺手級 JavaScript One Liners

18. 滾動到頁面頂部

43個殺手級 JavaScript One Liners

19. 擷取參數的平均值

43個殺手級 JavaScript One Liners

我們可以使用reduce方法來擷取參數的平均值。

20.轉換華氏/攝氏

43個殺手級 JavaScript One Liners

處理溫度有時會令人困惑。這兩個函數将幫助你将華氏溫度轉換為攝氏溫度,反之亦然。

21、從URL擷取查詢參數

43個殺手級 JavaScript One Liners

要擷取查詢參數,我們必須首先将 URL 劃分為“?”然後将“=”替換為“:”,将“&”替換為“,”。

22.剪貼闆API

43個殺手級 JavaScript One Liners

要複制文本,我們可以使用 JavaScript 導航器。

要粘貼文本:

43個殺手級 JavaScript One Liners

23. 擷取浏覽器 Cookie 的價值

43個殺手級 JavaScript One Liners

通過使用 document.cookie 通路來檢索 cookie 的值。

24. 檢查日期是否有效

43個殺手級 JavaScript One Liners

25. 找出一年中給定日期的哪一天

43個殺手級 JavaScript One Liners

26. 清除所有 Cookie

43個殺手級 JavaScript One Liners

你可以通過使用 document.cookie 通路 cookie 并清除它來輕松清除存儲在網頁中的所有 cookie。

27. 檢查數組是否為空 && 對象是否為空

43個殺手級 JavaScript One Liners

28. 擷取標明的文本

43個殺手級 JavaScript One Liners

使用内置的 getSelection 屬性擷取使用者選擇的文本。

29.檢測暗模式

43個殺手級 JavaScript One Liners

30. 随機排列數組

43個殺手級 JavaScript One Liners

使用排序和随機方法對數組進行洗牌非常容易。

31. 生成随機十六進制

43個殺手級 JavaScript One Liners

32. 将 RGB 轉換為十六進制

43個殺手級 JavaScript One Liners

33. 擷取數組的最小值和最大值

43個殺手級 JavaScript One Liners

34.重新加載目前頁面

43個殺手級 JavaScript One Liners

35.檢查字元串是否由重複的字元序列組成

43個殺手級 JavaScript One Liners

36.将字母轉換為關聯表情符号

43個殺手級 JavaScript One Liners

37.計算由兩點定義的直線的角度

43個殺手級 JavaScript One Liners

38. 将弧度轉換為度數 && 度數轉換為弧度

43個殺手級 JavaScript One Liners

39.等待一段時間

43個殺手級 JavaScript One Liners

40. 從鍵值對建立一個對象

43個殺手級 JavaScript One Liners

41. 擷取數組的并集

43個殺手級 JavaScript One Liners

42. 根據條件對數組進行分區

43個殺手級 JavaScript One Liners

43.從數組中删除虛假值

43個殺手級 JavaScript One Liners

總結

到這裡,我分享的43個關于JavaScript的單行代碼技巧就全部分享完畢了,如果你覺得有用的話,請記得點贊我,關注我,并将它分享給你身邊做開發的朋友,也許能夠幫助到他。

最後,感謝你的閱讀,祝程式設計愉快,我們下次見。

學習更多技能

請點選下方公衆号

繼續閱讀