10 个专业实用的清晰 JavaScript 代码片段

在 JavaScript 编程的世界中，掌握一些简洁而实用的代码片段可以极大地提高开发效率。以下是 10 个精心挑选的专业且清晰的 JavaScript 代码片段，助您在编程之路上更加得心应手。

1. 数组去重

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

此代码片段使用 ES6 的 Set 数据结构轻松实现数组去重。

2. 数组求和

function sumArray(arr) {
  return arr.reduce((a, b) => a + b, 0);
}

通过 reduce 方法对数组元素进行累加求和。

3. 检查对象是否具有特定属性

function hasProperty(obj, prop) {
  return obj.hasOwnProperty(prop);
}

用于快速判断对象是否包含指定属性。

4. 深拷贝对象

function deepCopy(obj) {
  return JSON.parse(JSON.stringify(obj));
}

虽然这种方式在处理某些复杂对象时可能存在问题，但对于大多数情况是一种简单有效的深拷贝方法。

5. 生成随机数

function getRandomNumber(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

可以在指定范围内生成随机数。

6. 字符串反转

function reverseString(str) {
  return str.split('').reverse().join('');
}

使用数组的方法实现字符串反转。

7. 计算数组中的最大值

function maxInArray(arr) {
  return Math.max(...arr);
}

利用扩展运算符获取数组中的最大值。

8. 防抖函数

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

用于处理频繁触发的事件，如滚动、输入等。

9. 节流函数

function throttle(func, delay) {
  let lastCall = 0;
  return function (...args) {
    let now = new Date().getTime();
    if (now - lastCall >= delay) {
      func(...args);
      lastCall = now;
    }
  };
}

与防抖函数类似，但在一定时间内只执行一次。

10. 简单的表单验证

function validateForm(formData) {
  for (let key in formData) {
    if (formData[key] === '') {
      return false;
    }
  }
  return true;
}

用于检查表单字段是否都有值。

这些代码片段涵盖了常见的编程需求，希望能为您的 JavaScript 开发工作带来便利和启发。不断积累和运用这些实用的代码技巧，将使您的编程能力更上一层楼。