六个实用的 JavaScript 代码片段

在 JavaScript 的世界里，有许多小巧而强大的代码片段能够极大地提高开发效率和代码质量。以下为您介绍六个实用的 JavaScript 代码片段。

1. 数组去重

function uniqueArray(arr) {
  return Array.from(new Set(arr));
}

这个代码片段使用 Set 数据结构来去除数组中的重复元素，简单高效。

2. 深拷贝对象

function deepClone(obj) {
  if (typeof obj!== 'object' || obj === null) {
    return obj;
  }

  let newObj;

  if (Array.isArray(obj)) {
    newObj = [];
  } else {
    newObj = {};
  }

  for (let key in obj) {
    newObj[key] = deepClone(obj[key]);
  }

  return newObj;
}

深拷贝在处理复杂对象时非常有用，避免了对原始对象的意外修改。

3. 防抖函数

function debounce(func, delay) {
  let timer;

  return function (...args) {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, args);
    }, delay);
  };
}

防抖常用于处理频繁触发的事件，如滚动、输入等，避免不必要的频繁执行。

4. 节流函数

function throttle(func, delay) {
  let last = 0;

  return function (...args) {
    let now = Date.now();

    if (now - last > delay) {
      func.apply(this, args);
      last = now;
    }
  };
}

节流与防抖类似，但能保证在一定时间内至少执行一次。

5. 格式化货币

function formatCurrency(amount) {
  return amount.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
}

方便将数字金额格式化为常见的货币格式。

6. 随机生成字符串

function generateRandomString(length) {
  let result = '';
  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  const charactersLength = characters.length;

  for (let i = 0; i < length; i++) {
    result += characters.charAt(Math.floor(Math.random() * charactersLength));
  }

  return result;
}

在需要生成随机字符串的场景中，如生成验证码、随机文件名等，这个代码片段非常实用。

这些 JavaScript 代码片段在实际开发中具有广泛的应用，能够帮助开发者更高效、更优雅地解决各种问题。熟练掌握并灵活运用它们，将为您的编程工作带来很大的便利。