7 个很棒的 JavaScript 片段代码

今天，我精选了 7 个 JavaScript 杀手级技巧，它们一定会简化您的编码之旅，让您的生活更轻松。

准备好迎接令人兴奋的体验吧！ 让我们深入研究并释放这些令人惊叹的片段的力量。

1. 将输入复制到剪贴板

navigator.clipboard.writeText(document.getElementById(‘myInput’).value);

将“myInput”替换为输入字段的实际 ID。 此代码使用 navigator.clipboard.writeText() 方法将输入字段的值写入剪贴板。

2. 检查选项卡浏览器选项卡是否在视图中

const isTabInView = () => !document.hidden;

此代码定义了一个箭头函数 isTabInView，它返回 document.hidden 属性的负值，指示选项卡当前是否在视图中。

3.检查一行中的日期是否是工作日

const isWeekday = d => d.getDay() % 6 !== 0;

此代码定义了一个箭头函数 isWeekday，它采用 d 参数，该参数表示 Date 对象。 以下是代码各部分的作用：

d.getDay()：这部分调用 Date 对象 d 的 getDay() 方法。 getDay() 方法以数字形式返回星期几，其中星期日用 0 表示，星期六用 6 表示。

% 6：模数运算符 % 用于计算一周中的某一天除以 6 的余数。此操作将星期日 (0) 和星期六 (6) 映射为 0，而其他工作日（星期一至星期五）将有一个 余数大于0。

!== 0：不等运算符!==将上一次运算的结果与0进行比较，如果余数不等于0，则表示星期几不是星期日（0）或星期六（6），表示 这是一个工作日。

因此，如果 Date 对象 d 表示工作日，则表达式 d.getDay() % 6 !== 0 计算结果为 true；如果表示周末（星期日或星期六），则计算结果为 false。

4.随机排列数组

const shuffledArray = array => array.sort(() => Math.random() – 0.5);

此代码定义了一个带有数组参数的箭头函数 shuffledArray。

它对数组使用 sort() 方法，并提供对元素进行随机排序的比较函数。

通过减去 Math.random() 乘以 0.5，比较函数会生成随机正值或负值，从而生成一个打乱的数组。 请注意，此方法会改变原始数组。

5. 检查日期是否有效

const isDateValid = (…val) => !Number.isNaN(Date.parse(val));

Date.parse(val)：Date.parse() 方法解析 val 参数，该参数可以是日期字符串或单个日期组件。 如果日期有效，则返回自 1970 年 1 月 1 日（Unix 纪元）以来的毫秒数，如果无效，则返回 NaN。

Number.isNaN()：Number.isNaN() 函数用于检查 Date.parse() 的结果是否为 NaN。 如果值为 NaN，则返回 true，否则返回 false。

通过使用 Date.parse() 而不是 new Date() 构造函数并删除 .valueOf() 方法，我们简化了代码，同时仍然实现了检查日期有效性的预期结果。

6. 字符串大写

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

此代码定义了一个带有 str 参数的箭头函数 CapitalizeString。 它使用 charAt(0) 方法检索字符串的第一个字符，然后应用 toUpperCase() 方法将其转换为大写。

slice(1) 方法用于提取从第二个字符开始的字符串的其余部分。 最后，将大写的第一个字符和剩余的字符串连接起来形成大写的字符串。

7. 从数组中删除重复项

const uniqueArray = array => […new Set(array)];

此代码定义了一个带有数组参数的箭头函数 uniqueArray。 它使用 Set 对象从数组中创建一个新集合，该集合会自动删除重复值。 然后使用展开运算符 … 将集合转换回数组，从而生成一个仅包含唯一元素的数组。