奇淫巧计js代码,一行解决问题

162 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第8天,点击查看活动详情 概述

一行代码删除数组中重复数据

const uniqueArr = (arr) => [...new Set(arr)];console.log(uniqueArr(["Front-end","js","html","js","css","html"]));
// ['Front-end', 'js', 'html', 'css']

检查对象是否为空

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

反转字符串

const reverse = str => str.split('').reverse().join('');
reverse('优雅的js');
// 'sj的雅优'

生成随机十六进制数

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

检查当前的TAB是否在背景中

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

检测一个元素是否在焦点上

const elementIsInFocus = (el) => (el === document.activeElement);elementIsInFocus(anyElement)
// 如果该元素处于焦点位置,则返回真,否则返回假。

检查设备类型(UA)

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

复制文本到剪贴板

const copyText = async (text) => await navigator.clipboard.writeText(text)
copyText('一行代码')

获得选定的文本

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

检查某天是否为工作日

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

两个日期之间的天数

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

将RGB转换为16进制

const rgbToHex = (r, g, b) =>   "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);rgbToHex(255, 255, 255); 
//  #ffffff

计算一个数组的平均数

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