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

TAGS: JS 开发技巧 JS 工具函数 JS 小知识 JS 知识分享

欢迎使用万千站长工具!

Welcome to www.zzTool.com