文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

12 个JavaScript常用技巧,让你看起来更像个专业人士

2024-12-01 12:51

关注

1、判断一个数是奇数还是偶数

模运算符 % 做得很好。

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

2、判断日期是否为工作日

检查给定日期是否为工作日。

    const isWorkday = (date) => date.getDay() % 6 !== 0;    console.log(isWorkday(new Date("2022/10/17")));    // Result: true (Monday)    console.log(isWorkday(new Date("2022/10/16")));    // Result: false (Sumday)

3、获取随机布尔值(真/假)

使用 Math.random() 会返回一个介于 0 和 1 之间的随机数,然后判断是否大于 0.5 会得到一个有 50% 概率为 True 或 False 的值。

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

4、从日期对象获取时间

使用 Date 对象的 .toTimeString() 方法将其转换为时间字符串,然后截取该字符串。

const timeBeginDate = date date.toTimeString().slice(0, 8);    console.log(timeBeginDate(new Date(2022, 8, 10, 15, 30, 21)));    // Result: "15:30:21"    console.log(timeBeginDate(new Date()));    // Result: return current time

5、滚动到页面顶部

window.scrollTo() 会滚动到指定坐标,如果坐标设置为(0, 0),会返回到页面顶部。

    const toTop = () window.scrollTo(0, 0);    toTop();

6、反转字符串

反转字符串的方法有很多,这里是最简单的一种,使用 split()、reverse() 和 join()

 const reverse = str str.split('').reverse().join('');
console.log(reverse('hello maxwell')); //Result: llewxam olleh

7、确定当前选项卡是否可见

浏览器可以打开很多标签,下面的代码段是判断当前标签是否为活动标签。

 const isBrowserTabInView = () document.hidden;    isBrowserTabInView();

8、检查指定元素是否被聚焦

你可以使用 document.activeElement 来确定元素是否处于焦点中。

    const elementIsFocus = (el) => (el === document.activeElement);    elementIsFocus(anyElement)    // Returns True if it is in focus, otherwise returns False

9、判断当前用户是否支持触摸事件

const touchSupported = ()        ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);    }    console.log(touchSupported());    // Returns True if touch events are supported, otherwise returns False

10、判断当前用户是否为 Apple 设备

你可以使用 navigator.platform 来确定当前用户是否是 Apple 设备。

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);console.log(isAppleDevice);// If it is an Apple device it will return True otherwise it will return False

11、获取所有参数的平均值

reduce() 函数可用于计算所有参数的平均值。

  const average = (...args) => args.reduce((a, b) =>    var avg = average(6,10, 8, 12);    console.log(avg);    // Result: 9

12、转换华氏/摄氏度

不要再害怕处理温度单位了,下面两个函数就是两个温度单位的相互转换。

  const celsiusToFahrenheit = (celsius) => celsius * 9 / 5 + 32;    const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5 / 9;    // Examples    console.log(celsiusToFahrenheit(20));    // 68    console.log(celsiusToFahrenheit(0));    // 32    console.log(celsiusToFahrenheit(-15));    // 5    console.log(celsiusToFahrenheit(35));    // 95

写在最后

以上就是我今天跟你分享的全部内容,如果你觉得有用的话,请记得点赞,关注我,我将与你分享更多实用的开发技巧。


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

免责声明:

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

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

软考中级精品资料免费领

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

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

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

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

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

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

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