每个开发人员的10个基本JavaScript代码段
#javascript #网络开发人员 #编程 #生产率

1.调试功能:防止频率过于频繁地调用功能,特别适合处理用户输入。

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

2.复制到剪贴板:

允许您将文本复制到剪贴板。

const copyToClipboard = (text) => {
  const textArea = document.createElement("textarea");
  textArea.value = text;
  document.body.appendChild(textArea);
  textArea.select();
  document.execCommand("copy");
  document.body.removeChild(textArea);
};

3.深克隆一个物体:

创建对象的深层副本。

const deepClone = (obj) => JSON.parse(JSON.stringify(obj));

4.随机数生成器:

在指定范围内生成一个随机数。

const getRandomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

5.检查数组是否包含重复:

检查数组是否包含重复的元素。

const hasDuplicates = (arr) => new Set(arr).size !== arr.length;

6.大写字符串的首字母:

const capitalizeFirstLetter = (str) => str.charAt(0).toUpperCase() + str.slice(1);

7.日期格式:

将JavaScript日期对象格式化为人类可读的字符串。

const formatDate = (date) => {
  const options = { year: 'numeric', month: 'long', day: 'numeric' };
  return date.toLocaleDateString(undefined, options);
};

8.计算数组和:

计算数组中的元素总和。

const sumArray = (arr) => arr.reduce((acc, current) => acc + current, 0);

9.验证电子邮件地址:

检查给定的字符串是否是有效的电子邮件地址。

const isValidEmail = (email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);

10.提取API请求:

使用fetch api执行简单的http获取请求。

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

这些JavaScript代码片段包括Web开发中的各种常见任务,并且可以为您的项目提供宝贵的补充。如果您还有其他有用的片段可以共享,请随时在评论部分中做出贡献,增强该线程的实用性。