9个JavaScript单行代码,让你的代码更整洁
1、随机获取布尔值
const randomBoolean = () => Math.random() >= 0.5;
console.log(randomBoolean());
Math.random() 输出 0 - 1 之间的随机数,然后判断这个随机数是否大于等于 0.5。
这就说明有 50% 的机会得到真值或假值。
2、判断给的日期是工作日还是双休日
const isWeekday = (date) => date.getDay() % 6 !== 0;
console.log(isWeekday(new Date(2021, 0, 11)));
// 结果: true (Monday)
console.log(isWeekday(new Date(2021, 0, 10)));
// 结果: false (Sunday)
3、反转字符串
const reverse = str => str.split('').reverse().join('');
reverse('hello world');
// 结果 : 'dlrow olleh'
4、判断数字是偶数还是奇数
const isEven = num => num % 2 === 0;
console.log(isEven(2));
// 结果: true
console.log(isEven(3));
// 结果: false
5、从日期获取当地时间
const timeFromDate = date => date.toTimeString().slice(0, 8);
console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0)));
// 结果: "17:30:00"
console.log(timeFromDate(new Date()));
// 结果: will log the current time
6、使用 Math.pow() 方法,将数字四舍五入到固定的小数点
const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
// Examples
toFixed(25.198726354, 1); // 25.1
toFixed(25.198726354, 2); // 25.19
toFixed(25.198726354, 3); // 25.198
toFixed(25.198726354, 4); // 25.1987
toFixed(25.198726354, 5); // 25.19872
toFixed(25.198726354, 6); // 25.198726
7、使用 document.activeElement 属性,检查元素当前是否处于焦点
const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus(anyElement);
//结果: will return true if in focus, false if not in focus
8、检查当前用户是否在 Apple 设备上
const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevice);
//结果: will return true if user is on an Apple device
9、滚动到页面顶部
使用 window.scrollTo() 方法将 x = 0 和 y = 0 。
const goToTop = () => window.scrollTo(0, 0);
goToTop();
// Result: will scroll the browser to the top of the page
了解前端培训开发技术知识,关注我,有更多精彩内容与您分享!
原文地址:https://www.cnblogs.com/xiaobaizaixianzhong/p/15222117.html
- 【译】助你成功搭建云应用的12条方法
- 你能用微信小程序打开小程序了【附开发方法】
- Logistic回归实战篇之预测病马死亡率(一)
- 腾讯游戏DBA利刃 - SQL审核工具介绍
- Logistic回归实战篇之预测病马死亡率(二)
- Windows环境下跑通Truffle开发环境
- Logistic回归实战篇之预测病马死亡率(三)
- 如何将finecms链接URL中的list和show去掉
- Solidity语法知识点(文末有彩蛋)
- 人脸Haar特征与快速计算神器:积分图
- 内存为王:DBIM RAC Share Nothing架构的挑战和解决方案
- 调用finecms栏目多图怎么实现
- phpcms调用子栏目名称/文章怎么操作
- 小程序开发工具全新上线 附下载地址和教程
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法