10 个 JavaScript 单行代码,让你显得更专业
创始人
2024-02-29 21:04:49
0

JavaScript 能够做一些令人惊奇的事情! 简而言之,从使用 API 到使用复杂的框架,需要学习 TON。 不过,它还允许你只用一条线完成一些令人难以置信的工作。 今天,我将与你分享 10 个 JavaScript 单行代码,它们将让你显得更专业!

1. 获取随机布尔值(真/假)

此函数将使用 Math.random() 方法生成一个布尔值(真或假)。 使用 Math.random 将生成一个介于 0 和 1 之间的随机数,然后我们将确定它是高于还是低于 0.5。 因此,有 50% 的概率接收到真或假。

const randomBoolean = () => Math.random() >= 0.5;console.log(randomBoolean());// Result: a 50/50 change on returning true of false

2.验证给定的日期是否是工作日

通过使用这种技术,你可以确定在函数中提供的日期是工作日还是周末。

const isWeekday = (date) => date.getDay() % 6 !== 0;console.log(isWeekday(new Date(2021, 0, 11)));// Result: true (Monday)console.log(isWeekday(new Date(2021, 0, 10)));// Result: false (Sunday)

3. 翻转字符串

这里有几种不同的方法来转动字符串。 使用 join()、reverse() 和 split() 技术,这是最简单的技术之一。

const reverse = str => str.split('').reverse().join('');reverse('hello world');     // Result: 'dlrow olleh'

4. 验证当前选项卡是否可见且处于焦点位置

document.hidden 属性可用于确定当前选项卡是否可见或焦点。

const isBrowserTabInView = () => document.hidden;isBrowserTabInView();// Result: returns true or false depending on if tab is in view / focus

5. 验证一个数字是奇数还是偶数

模运算符 (%) 可以处理的一个非常简单的问题。 在 Stack Overflow 上,如果你不太熟悉的话,有一个很棒的图形解释。

const isEven = num => num % 2 === 0;console.log(isEven(2));// Result: trueconsole.log(isEven(3));// Result: false

6. 验证组件现在是否处于焦点位置

document.activeElement 属性可用于确定元素现在是否是焦点。

const elementIsInFocus = (el) => (el === document.activeElement);elementIsInFocus(anyElement)// Result: will return true if in focus, false if not in focus

7. 验证当前用户是否支持触摸事件

const touchSupported = () => {  ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);}console.log(touchSupported());// Result: will return true if touch events are supported, false if not

8.确定平均参数值

为了获得我们为此函数提供的输入的平均值,我们可以使用 reduce 方法。

const average = (...args) => args.reduce((a, b) => a + b) / args.length;average(1, 2, 3, 4);// Result: 2.5

9. 将摄氏度转换为华氏度

管理温度有时会很困难,你可以使用这两个例程在华氏温度和摄氏温度之间进行转换。

const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;// ExamplescelsiusToFahrenheit(15);    // 59celsiusToFahrenheit(0);     // 32celsiusToFahrenheit(-20);   // -4fahrenheitToCelsius(59);    // 15fahrenheitToCelsius(32);    // 0

10.验证用户是否使用苹果设备

为了确定当前用户是否在使用 Apple 设备,我们可以使用 navigator.platform。

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);console.log(isAppleDevice);// Result: will return true if user is on an Apple device

总结

以上就是我跟大家分享的全部内容,希望对你有用,如果你觉得还不错的话,请点赞我,关注我,并与你的开发者朋友一起来分享它。

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
苏州离哪个飞机场近(苏州离哪个... 本篇文章极速百科小编给大家谈谈苏州离哪个飞机场近,以及苏州离哪个飞机场近点对应的知识点,希望对各位有...
客厅放八骏马摆件可以吗(家里摆... 今天给各位分享客厅放八骏马摆件可以吗的知识,其中也会对家里摆八骏马摆件好吗进行解释,如果能碰巧解决你...