https://tool.lu/coderunner/?id=eqp
**常用方法**
| 方法描述 | 方法名 | 参数说明 | 代码调试 |
| --- | --- | --- | --- | --- |
| 防抖 | | | |
| 节流 | | | |
**DOM**
| 方法描述 | 方法名 | 参数说明 | 代码调试 |
| --- | --- | --- | --- | --- |
| 回到顶部 | | | |
| 页面停止滚动 | | | |
**BOM**
| 方法描述 | 方法名 | 参数说明 | 代码调试 |
| --- | --- | --- | --- | --- |
| 检查设备类型 | | | |
| 获取浏览器垂直滚动条宽度 | | | |
| 打印网页 print | | | |
| 复制到剪贴板 | | | |
**判断**
| 方法描述 | 方法名 | 参数说明 | 代码调试 |
| --- | --- | --- | --- | --- |
| [判断数据类型](https://www.kancloud.cn/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函数