现在随着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, url参数, 十六进制, 平均值, 空字符串, 获取设备类型, 计算时间, 随机生成颜色
上面是“javascript有哪些代码可以单行解决的”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_2435.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!