https://tool.lu/coderunner/?id=eqp
**常用方法**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 防抖 | | | |
| 節流 | | | |
**DOM**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 回到頂部 | | | |
| 頁面停止滾動 | | | |
**BOM**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 檢查設備類型 | | | |
| 獲取瀏覽器垂直滾動條寬度 | | | |
| 打印網頁 print | | | |
| 復制到剪貼板 | | | |
**判斷**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| [判斷數據類型](http://www.hmoore.net/hanxuming/codesnippet/3203974) | getType(data) | data:需要判斷的數據類型 | [運行示例](https://gitee.com/hanxuming/front-end-code-snippet/blob/master/JavaScript%20%E6%96%B9%E6%B3%95%E5%BA%93/%E5%88%A4%E6%96%AD%E7%9B%B8%E5%85%B3/getType.js) |
| 判斷對象是否為空 | isEmptyObj(obj) | object結構 | 運行示例 |
| 判斷是否為Null、undefined、NaN| isNull(val) | Js數據類型 | 運行示例 |
| 使用 **邏輯or運算符** 提供默認值 | isNull(val) | Js數據類型 | 運行示例 |
| 短路評估 | isNull(val) | Js數據類型 | 運行示例 |
| 可選鏈接 | isNull(val) | Js數據類型 | 運行示例 |
| 轉換為布爾值 | isNull(val) | Js數據類型 | 運行示例 |
**字符串**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 將字符串轉換為帕斯卡大小寫(帶空格) | | | |
| 內置方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
**數組**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 數組去重 | ArrayReduce | | |
| 數組對象去重 | ArrayReduce | | |
| 判斷數組是否有重復元素 | | | |
| 判斷數組對象是否有重復元素 | | | |
| 給數組對象中的每一項統一添加某個參數和值 | | | |
| 從數組中過濾某個值,例如null和undefined | | | |
| 內置方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
**對象**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
| 內置方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
**時間**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 格式化日期或獲取今天完整日期 | | | |
| 獲取前N天日期 | | | |
| 獲取前五十年的年份 | | | |
| 將年、月和日添加到 Date() 對象 | | | |
| 內置方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
**tree樹形結構**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 將樹形結構扁平化 | treeToArray | | |
| 將扁平化數據變成樹形結構 | arrayToTree | | |
| 查找父節點 | arrayToTree | | |
**本地存儲**
| cookie | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 獲取指定名稱的cookie值 | | | |
| 刪除cookie (給某個鍵值對設置過期的時間) | | | |
| localStorage | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 清除瀏覽器緩存 | | | |
| sessionStorage | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
**文件**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 文件上傳 | | | |
| 保存文件 | | | |
| 異步上傳多個文件 | | | |
**常用正則**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 過濾特殊字符 | | | |
| 校驗手機號 | | | |
| 校驗6到18位大小寫字母數字下劃線組成的密碼 | | | |
**base64**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
**加解密**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
**編碼與解碼**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| | | | |
| 將原始 HTML 字符串編碼為 Unicode 實體 | | | |
| 將 Uint8Array 轉換為 Base64 字符串 | | | |
| 將Base64字符串轉換為Uint8Array | | | |
**顏色**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 生成隨機十六進制顏色 | | | |
| 將 RGB 轉換為十六進制 | | | |
**其他**
| 方法描述 | 方法名 | 參數說明 | 代碼調試 |
| --- | --- | --- | --- | --- |
| 將 XML 轉換為 JSON | | | |
- Js方法速查表
- Js 代碼片段
- Js中類型判斷
- 判斷類型函數
- 處理 null、NaN 和 undefined 的 JS 代碼片段
- 檢查是否為null
- 檢查undefined
- 檢查 NaN
- 如果為 null 或undefined則默認為某個值
- 如果為 NaN,則默認為一個值
- 檢查值是否為 null、undefined或 NaN
- 可選鏈接(?.)
- 空合并運算符(??)
- 將 null 或 undefined 轉換為布爾值
- 將 NaN 轉換為布爾值
- 處理函數參數中的 null 或 undefined
- 從數組中刪除 null 或undefined的值
- 檢測:是否是一個函數
- 函數:是否屬于異步函數
- 檢測:是否為一個安全數組
- 檢測:對象是否為一個安全對象
- 字符串相關方法
- 字符串填充:padStart 和 padEnd
- 字符串反轉:reverse
- 第一個字母大寫:toUpperCase
- 字符串數組分割:擴展運算符
- 使用多個分隔符分割字符串
- 檢查字符串是否包含:includes
- 檢查字符串的開頭或結尾是否有特定序列:startsWith 和 endsWith 方法
- 字符串替換:正則或replaceAll
- 數字:截斷數字
- 數字:四舍五入
- 數字:補零
- 數組相關方法
- 數組:找到最接近的數值
- 數組:生成數組
- 數組:打亂數組
- 數組:簡單數據去重
- 數組:唯一值數據去重
- 數組:多數組取交集
- 數組:查找最大值索引
- 數組:查找最小值索引
- 數組:壓縮多個數組
- 對象相關方法
- 對象:刪除無效屬性
- 對象:反轉對象鍵值
- 對象:字符串轉對象
- 比較兩個對象
- Js中判斷空對象
- 正則表達式
- 正則:手機號格式化
- 正則:去除多余空格
- 正則:每千位添加分隔符
- 正則:校驗6到18位大小寫字母數字下劃線組成的密碼
- 日期相關的方法
- 日期:判斷日期是否為今天
- 日期:日期轉換
- 日期:秒數轉換
- 日期:獲取某年某月的第一天
- 日期:獲取某年某月的最后一天
- 日期:獲取某年月份天數
- 本地存儲相關方法
- 獲取cookie
- BOM相關
- Web:重新加載當前頁面
- Web:滾動到頁面頂部
- Web:元素滾動
- Web:檢查當前是否IE瀏覽器
- Web:從給定文本中剝離html
- 常用高頻方法
- 防抖/節流
- 進制轉換
- 復制文本
- 過濾特殊字符
- 隨機顏色生成
- 將16進制的顏色轉換成rgb
- 將 RGB 轉換為十六進制
- 獲取隨機ip
- uuid:需要生成一個id
- 強制等待
- Ts 代碼片段
- omit函數