JS小方法，一行搞定

1.数组去重

从数组中删除所有重复值，实现方式非常多，我们这里一行代码搞定：

const duplicate = (arr) => [...new Set(arr)];
console.log(duplicate (["a","b","c","c","a","b"]));
// ['a', 'b', 'b']

2.检查对象是否为空

检查对象是否为空，即使对象为空，每次检查对象是否等于 {} 也会返回 false。但下方一行代码就可以解决这个问题

const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object;
isEmpty({}) // true
isEmpty({a:"not empty"}) //false

3.反转字符串

反转字符串可以使用split结合reverse和join方法轻松实现。

const reverse = str => str.split('').reverse().join('');
reverse('this is reverse');
// esrever si siht

4.检测元素是否处于焦点

activeElement 属性返回文档中当前获得焦点的元素。

const elementIsInFocus = (el) => (el === document.activeElement);
 
elementIsInFocus(anyElement)
// 元素处于焦点返回true，反之返回false

5.文字复制到剪贴板

Clipboard API 它的所有操作都是异步的，返回 Promise 对象，不会造成页面卡顿。而且，它可以将任意内容（比如图片）放入剪贴板。

const copyText = async (text) => await navigator.clipboard.writeText(text)
copyText('Hello world')

6.获取选定的文本

使用内置的 getSelection 获取用户选择的文本:

const getSelectedText = () => window.getSelection().toString();
 
getSelectedText();
// 返回选中的内容

7.查询某天是否为工作日

判断某个日期是否为工作日；周一至周五为工作日:

const isWeekday = (date) => date.getDay() % 6 !== 0;
 
isWeekday(new Date(2022,10, 13))
// true

8.两日期之间相差的天数

日常开发中经常遇到需要显示剩余天数， 一般我们就需要计算两日期之间相差天数：

const dayDiff = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000);
 
dayDiff(new Date("2021-10-21"), new Date("2022-02-12"))
// 357

9.计算数组平均值

const average = (arr) => arr.reduce((a, b) => a + b) / arr.length;
average([1,9,18,36]) //16

10.检查设备类型

使用navigator.userAgent 判断是移动设备还是电脑设备：

const judgeDeviceType =
      () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ? 'Mobile' : 'PC';
 
judgeDeviceType()  // PC | Mobile

11.检查当前选项卡是否在后台

浏览器使用选项卡式浏览，任何网页都有可能在后台,此时对用户来说是没有在浏览的, 知道怎么快速检测到，你的网页对用户是隐藏还是可见吗？

const isTabActive = () => !document.hidden; 
 
isTabActive()
// true|false

12.生成随机十六进制

生成随机数相信你能信手拈来，那随机生成十六进制，例如生成十六进制颜色值。

const randomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`
console.log(randomHexColor());
// #a2ce5b

13.从url获取参数并转为对象

网页路径经常是：www.baidu.com?search=js&xxx=kkk这种形式的，我们是经常需要取参数的，可以使用第三方的qs包实现，如果你只是要实现去参数，这一句代码就可以实现，不用再引入qs了。

const getParameters = URL => JSON.parse(`{"${decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"')}"}`
  )
getParameters("https://www.google.com.hk/search?q=js+md&newwindow=1");
// {q: 'js+md', newwindow: '1'}