天天看点

43个杀手级 JavaScript One Liners

43个杀手级 JavaScript One Liners

英文 | https://medium.com/@dreamy-player/40-killer-javascript-one-liners-fc76edaf8439

在今天的内容,我想跟大家分享43个JavaScript的单行代码技巧,希望这些技巧能够帮助到你,也希望你能从中学习到一些新的知识。

1. 获取随机布尔值

此函数将使用 Math.random() 方法返回一个布尔值(真或假)。判断真假的概率是 50/50。

43个杀手级 JavaScript One Liners

2. 检查提供的日期是工作日还是周末

43个杀手级 JavaScript One Liners

3.检查一个数字是偶数还是奇数

43个杀手级 JavaScript One Liners

4.删除数组中的所有重复值

43个杀手级 JavaScript One Liners

5.检查变量是否为数组

43个杀手级 JavaScript One Liners

一种检查变量是否为数组的简洁方法。

6.在两个数字之间生成一个随机数

43个杀手级 JavaScript One Liners

这将采用两个数字作为参数,并将在这两个数字之间生成一个随机数!

7.生成随机字符串(唯一id?)

43个杀手级 JavaScript One Liners

8. 交换两个变量 || 解构

43个杀手级 JavaScript One Liners

交换变量值的解构赋值。

9.计算两个日期之间的天数

43个杀手级 JavaScript One Liners

为了计算两个日期之间的天数,我们首先找到两个日期之间的绝对值,然后将其除以 24 * 60 * 60 * 1000 = 86400000 等于一天中的毫秒数,最后,我们将结果四舍五入,把它返还。

你可以使用 Math.round 或 Math.floor 代替 Math.ceil。

10. 合并多个数组的不同方式

43个杀手级 JavaScript One Liners

11.获取javascript原语的实际类型

43个杀手级 JavaScript One Liners

12. 截断

43个杀手级 JavaScript One Liners

13. 字符串大写

43个杀手级 JavaScript One Liners

14.检查当前选项卡是否在视图/焦点中

43个杀手级 JavaScript One Liners

这个简单的辅助方法根据选项卡是否在视图/焦点中返回 true 或 false

15.反转字符串

43个杀手级 JavaScript One Liners

16.检查元素当前是否处于焦点

43个杀手级 JavaScript One Liners

我们可以使用 document.activeElement 属性检查元素当前是否处于焦点。

17.检查当前用户是否支持触摸事件

43个杀手级 JavaScript One Liners

18. 滚动到页面顶部

43个杀手级 JavaScript One Liners

19. 获取参数的平均值

43个杀手级 JavaScript One Liners

我们可以使用reduce方法来获取参数的平均值。

20.转换华氏/摄氏

43个杀手级 JavaScript One Liners

处理温度有时会令人困惑。这两个函数将帮助你将华氏温度转换为摄氏温度,反之亦然。

21、从URL获取查询参数

43个杀手级 JavaScript One Liners

要获取查询参数,我们必须首先将 URL 划分为“?”然后将“=”替换为“:”,将“&”替换为“,”。

22.剪贴板API

43个杀手级 JavaScript One Liners

要复制文本,我们可以使用 JavaScript 导航器。

要粘贴文本:

43个杀手级 JavaScript One Liners

23. 获取浏览器 Cookie 的价值

43个杀手级 JavaScript One Liners

通过使用 document.cookie 访问来检索 cookie 的值。

24. 检查日期是否有效

43个杀手级 JavaScript One Liners

25. 找出一年中给定日期的哪一天

43个杀手级 JavaScript One Liners

26. 清除所有 Cookie

43个杀手级 JavaScript One Liners

你可以通过使用 document.cookie 访问 cookie 并清除它来轻松清除存储在网页中的所有 cookie。

27. 检查数组是否为空 && 对象是否为空

43个杀手级 JavaScript One Liners

28. 获取选定的文本

43个杀手级 JavaScript One Liners

使用内置的 getSelection 属性获取用户选择的文本。

29.检测暗模式

43个杀手级 JavaScript One Liners

30. 随机排列数组

43个杀手级 JavaScript One Liners

使用排序和随机方法对数组进行洗牌非常容易。

31. 生成随机十六进制

43个杀手级 JavaScript One Liners

32. 将 RGB 转换为十六进制

43个杀手级 JavaScript One Liners

33. 获取数组的最小值和最大值

43个杀手级 JavaScript One Liners

34.重新加载当前页面

43个杀手级 JavaScript One Liners

35.检查字符串是否由重复的字符序列组成

43个杀手级 JavaScript One Liners

36.将字母转换为关联表情符号

43个杀手级 JavaScript One Liners

37.计算由两点定义的直线的角度

43个杀手级 JavaScript One Liners

38. 将弧度转换为度数 && 度数转换为弧度

43个杀手级 JavaScript One Liners

39.等待一段时间

43个杀手级 JavaScript One Liners

40. 从键值对创建一个对象

43个杀手级 JavaScript One Liners

41. 获取数组的并集

43个杀手级 JavaScript One Liners

42. 根据条件对数组进行分区

43个杀手级 JavaScript One Liners

43.从数组中删除虚假值

43个杀手级 JavaScript One Liners

总结

到这里,我分享的43个关于JavaScript的单行代码技巧就全部分享完毕了,如果你觉得有用的话,请记得点赞我,关注我,并将它分享给你身边做开发的朋友,也许能够帮助到他。

最后,感谢你的阅读,祝编程愉快,我们下次见。

学习更多技能

请点击下方公众号

继续阅读