web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

412 ℃
     

现在随着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://ipkd.cn/webs_2435.html

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

当前位置: 网站首页 > js
本文共计1398个字,预计阅读时长10分钟
生活小工具,收录了80多款小工具
上一篇: 推荐2款充满科技感的艺术字体——小新黑体、小新潮酷体
下一篇: 推荐一款浏览器数据库的开源工具库——Dexie.js(JavaScript调用)
x 打工人ai神器