文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

十个 JavaScript 单行代码,让你显得更专业

2024-12-01 14:01

关注

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

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

const randomBoolean = () => Math.random() >= 0.5;console.log(randomBoolean());

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

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

const isWeekday = (date) => date.getDay() % 6 !== 0;console.log(isWeekday(new Date(2021, 0, 11)));

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));

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());

8.确定平均参数值

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

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

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

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

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

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

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

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);console.log(isAppleDevice);

总结

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

感谢你的阅读,编程愉快!

来源:web前端开发内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯