js小方法汇总

new Object ~

已于 2023-03-06 15:01:00 修改

阅读量81

点赞数

分类专栏： javascript 前端文章标签： javascript 前端开发语言

于 2022-09-22 10:19:46 首次发布

本文链接：https://blog.csdn.net/github_39088222/article/details/126986517

版权

前端同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

javascript

29 篇文章 0 订阅

订阅专栏

数组去重

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

从url获取参数并转为对象

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'}

检查对象是否为空

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('this is reverse');
// esrever si siht

生成随机十六进制

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

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

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

检测元素是否处于焦点

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

检查设备类型

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 fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;
fahrenheitToCelsius(50);
// 10
// 将摄氏温度转华氏温度
const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;
celsiusToFahrenheit(100)
// 212

两日期之间相差的天数

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

将 RGB 转换为十六进制

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

两数组比较取出相同值

let aaa = [
            {name: "生日福利", value: 17},
            {name: "关爱通", value: 22},
            {name: "服装费", value: 35},
            {name: "医疗保险", value: 15},
            {name: "体检产品", value: 66},
        ]
        let newData = JSON.parse(JSON.stringify(this.infoList));
        newData.push({id:1,name:'2',age:52});
        this.infoList = newData;
        newData.push({id:3,name:'1',age:66})
        let arr = aaa.filter(item => newData.some(ele => ele.age === item.value));