7 个很棒的 JavaScript 片段代码

JavaScript10个月前发布 admin
1,998 0

今天,我精选了 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 对象从数组中创建一个新集合,该集合会自动删除重复值。 然后使用展开运算符 … 将集合转换回数组,从而生成一个仅包含唯一元素的数组。

© 版权声明

相关文章

暂无评论

暂无评论...