本文介绍20个实用的JavaScript单行代码技巧,涵盖数据处理、日期操作、浏览器交互及样式检测等常见任务。这些代码片段简洁高效,能帮助开发者提升日常编码效率。
一行Java代码的20个惊艳示例
时间:2026-05-16
浏览:666
文章目录
在日常开发工作中,简洁高效的代码片段常常能解决复杂问题。本文将分享20个实用且巧妙的JavaScript单行代码,帮助开发者更高效地完成常见任务,提升编码效率。
1. 获取浏览器Cookie的值
通过document.cookie可以直接读取当前页面的Cookie字符串。

2. 将RGB转换为十六进制

3. 复制文本到剪贴板
利用现代浏览器提供的navigator.clipboard.writeText API,可以轻松将任意文本写入剪贴板。

4. 检查日期是否有效
在处理日期数据前,验证其有效性是一个好习惯。以下单行代码可快速完成判断。

5. 计算日期在一年中的第几天
若需获取某个日期是当年中的第几天,可使用此方法。

6. 将字符串首字母大写
JavaScript未内置首字母大写函数,但可通过一行代码自行实现。

7. 计算两个日期之间的天数差
在业务开发中,计算两个日期间的天数差是常见需求。此代码片段可直接得出结果。

8. 清除所有Cookie
通过操作document.cookie,可以清除当前域名下所有可访问的Cookie。
9. 生成随机十六进制颜色值
结合Math.random与字符串的padEnd方法,可快速生成随机的十六进制颜色代码。

10. 实现数组去重
利用Set对象的唯一性特性,可以非常简便地为数组去重,这在数据处理中十分实用。

11. 从URL获取查询参数
无论是通过window.location还是传入原始URL字符串,都能轻松解析出查询参数对象。

12. 从日期获取“时分秒”格式的时间
如何从Date对象中快速提取“HH:MM:SS”格式的时间字符串?参考以下代码。

13. 判断数字是奇数还是偶数

14. 计算数字数组的平均值
使用数组的reduce方法,可以优雅地计算一组数字的平均值。

15. 实现页面回到顶部
调用window.scrollTo(0, 0)方法,即可瞬间将页面滚动至顶部。只需将x和y坐标均设为0。

16. 翻转字符串
经典的“三步法”:split(分割)、reverse(反转)、join(连接),可轻松实现字符串翻转。

17. 检查数组是否为空
一行简单的判断,可直接返回数组是否为空的布尔值。

18. 获取用户选中的文本
通过window.getSelection()可以获取用户在页面上选中的文本内容。

19. 随机打乱数组顺序
结合sort方法与随机比较函数,可以实现数组的随机排序(即洗牌)。

20. 检测用户是否启用暗色模式
随着深色模式的普及,相关检测需求增多。以下代码可判断用户是否启用了系统级的暗色主题。

实用工具推荐
绿化、压缩、噪点和虚拟水印,自由调节做旧程度。
选择画质和输出格式,预览压缩前后的大小。