现在随着javascript功能的完善,代码也越来越简单了,下面web建站小编给大家介绍一些可以用单行代码就可以实现的功能!
1、链接url获取参数并转为对象
const getParameters = URL => JSON.parse(`{"${decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"')}"}`)
getParameters("https://ipkd.cn/?id=ipkd&type=web");
//{id: 'ipkd', type: 'web'}
2、检查对象是否为空
const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object;
isEmpty({}) //true
3、生成随机十六进制颜色
const randomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`
console.log(randomHexColor())
//#4e9946
4、字符串反转
const reverse = str => str.split('').reverse().join('');
console.log(reverse('www.ipkd.cn'))
//nc.dkpi.www
5、检查当前选项卡是否在后台
const isTabActive = () => !document.hidden; console.log(isTabActive()) //true
6、检测元素是否处于焦点
const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus('输入需要判断的元素')
// 元素处于焦点返回true,反之返回false
7、获取设备类型(判断当前是PC端还是手机端)
const judgeDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ? 'Mobile' : 'PC'; console.log(judgeDeviceType())
8、查询指定时间是否为工作日
const isWeekday = (date) => date.getDay() % 6 !== 0; console.log(isWeekday(new Date(2022, 10, 11)))
9、两日期之间相差的天数
const dayDiff = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000);
console.log(dayDiff(new Date("2022-10-11"), new Date("2022-10-22")))
//11
10、计算数组平均值
const average = (arr) => arr.reduce((a, b) => a + b) / arr.length; console.log(average([1,7,11,15])) //8.5
javascript语法中不等于null和空字符串的3种判断方式
上面是“javascript有哪些代码可以单行解决的”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2435.html
workflows工作流
王家卫电视剧繁花海报效果comfyui工作流
一位宇航员做在一只乌龟上在星空中游走
羚羊安上小白兔的门牙ComfyUI工作流
树上一个快乐的猕猴桃ComfyUI工作流
在森林中心有一座蛇形的房子ComfyUI工作流
一个迷人的女人ComfyUI工作流
森林里坐着一个外星人ComfyUI工作流
一个极其美丽细致的女孩ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

2023年程序猿如何给自己开启一场烟花盛会
用canvas实现画板涂鸦效果
数字滚动效果(兼容IE6/IE8)
js导出excel插件(兼容mac电脑Numbers表格)
在线生成金属文字
canvas黑洞漩涡(canvas+js)
纯css制作卡通头像(随鼠标转头)
Bootstrap可视化拖放布局











