技术文摘
JS 小知识:七个高频工具函数分享,或许你需要
2024-12-30 18:23:41 小编
JS 小知识:七个高频工具函数分享,或许你需要
在 JavaScript 编程中,掌握一些实用的工具函数可以大大提高开发效率。下面为大家分享七个高频使用的工具函数。
一、数组去重函数
function uniqueArray(arr) {
return Array.from(new Set(arr));
}
二、数组扁平化函数
function flattenArray(arr) {
return arr.reduce((acc, val) => acc.concat(Array.isArray(val)? flattenArray(val) : val), []);
}
三、获取对象键值对数组函数
function getObjectEntries(obj) {
return Object.entries(obj);
}
四、判断数据类型函数
function getDataType(value) {
return Object.prototype.toString.call(value).slice(8, -1);
}
五、深拷贝函数
function deepCopy(obj) {
if (typeof obj!== 'object' || obj === null) {
return obj;
}
let newObj;
if (Array.isArray(obj)) {
newObj = [];
} else {
newObj = {};
}
for (const key in obj) {
newObj[key] = deepCopy(obj[key]);
}
return newObj;
}
六、防抖函数
function debounce(func, delay) {
let timer;
return function (...args) {
clearTimeout(timer);
timer = setTimeout(() => {
func.apply(this, args);
}, delay);
};
}
七、节流函数
function throttle(func, delay) {
let lastExecuted = 0;
return function (...args) {
const now = new Date().getTime();
if (now - lastExecuted >= delay) {
func.apply(this, args);
lastExecuted = now;
}
};
}
这些工具函数在实际开发中经常会用到,能够帮助我们更高效、更简洁地处理各种数据和操作。熟练掌握并合理运用它们,将为我们的 JavaScript 开发带来很大的便利。希望您能在项目中灵活运用这些函数,提升代码的质量和效率。
- MySQL 数据分组统计的按天/小时/半小时/N 分钟/分钟功能
- SQL Server 数据库日志已满的三种清理方案
- Redis 中查看 KEY 数据类型的方法与步骤
- SQLite 数据库实例创建操作
- MySQL8.0 不可见主键的运用新特性
- PostgreSQL 中 JSONB 对复杂数据结构的存储与查询
- Redis在抢红包与发红包功能中的应用实现
- PostgreSQL 逻辑复制部署过程全析
- frm 和 ibd 文件恢复 MySQL 表数据的详细步骤
- OceanBase 数据库变更时自动生成回滚 SQL 的全过程
- PostgreSQL 大版本升级详细流程
- 在 Ubuntu 中利用 Docker 下载华为 OpenGauss 数据库的简易步骤
- PostgreSQL 连接锁问题排查常用 SQL 语句
- MongoDB 命令行连接与基础命令汇总
- MongoDB 中 sort()、aggregate() 及索引的代码示例