技术文摘
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 开发带来很大的便利。希望您能在项目中灵活运用这些函数,提升代码的质量和效率。
- 提升 Kafka 效率的场景探讨
- 前任开发致使支付下单未加幂等,代码似有毒
- 都在角逐打包工具?Rspack 有何特性?
- 100 个请求处理的技术策略:并发与优化全解析
- 你了解 Go 1.23 的迭代器吗?
- Java 元注解的全面解析(四大常用 Java 元注解)
- Spring Boot3.3 与 MyBatis-Plus 协同达成多层次树结构异步加载策略
- 八款前端工具何以实现提效 200%
- SpringBoot3.3 中拦截修改请求 Body 的正确方式多样
- Vue 3.5 将至:剖析最新特性及性能优化
- Vue3.5 新版本:这次我决定不升级
- 性能调优何时应停止探讨
- 实战视角解析新项目的核心技术
- Go 语言必知要点:深入剖析 GMP 模型与并发编程核心机制
- Pipeline 和 Valve 的神秘园