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开发中的各种常见任务,并且可以为您的项目提供宝贵的补充。如果您还有其他有用的片段可以共享,请随时在评论部分中做出贡献,增强该线程的实用性。