javascript有哪些代码可以单行解决的

601 ℃

现在随着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种判断方式

nodejs如何利用buffer转为十六进制

js如何随机生成颜色并赋值css样式

php语法如何转换发布时间(刚刚/几分钟前/几小时前)

js链接新增(修改)参数页面不刷新

标签: javaScript, url参数, 十六进制, 平均值, 空字符串, 获取设备类型, 计算时间, 随机生成颜色

上面是“javascript有哪些代码可以单行解决的”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2435.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

案例分析:风口大叔这个IP是如何打造成功的?
wordpress如何获取指定标签链接
js如何实现数据类型转换
新手必读之原版织梦模板DEDECMS整站源码通用安装
javascript赋逻辑运算符介绍方法