技术文摘
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 开发带来很大的便利。希望您能在项目中灵活运用这些函数,提升代码的质量和效率。