日期
判断日期是否为今天
const isToday = (date) => date.toISOString().slice(0, 10) === new Date().toISOString().slice(0, 10)
日期转换
当你需要将日期转换为为 YYYY-MM-DD 格式
const formatYmd = (date) => date.toISOString().slice(0, 10);
formatYmd(new Date())
秒数转换
当你需要将秒数转换为 hh:mm:ss 格式
const formatSeconds = (s) => new Date(s * 1000).toISOString().substr(11, 8)
formatSeconds(200) // 00:03:20
获取某年某月的第一天
当你需要获取某年某月的第一天
const getFirstDate = (d = new Date()) => new Date(d.getFullYear(), d.getMonth(), 1);
getFirstDate(new Date('2022-04')) // Fri Apr 01 2022 00:00:00 GMT+0800 (中国标准时间)
获取某年某月的最后一天
当你需要获取某年某月的最后一天
const getLastDate = (d = new Date()) => new Date(d.getFullYear(), d.getMonth() + 1, 0);
getLastDate(new Date('2023-03-04')) // Fri Mar 31 2023 00:00:00 GMT+0800 (中国标准时间)
获取某年月份天数
当你需要获取某年某个月份的总天数
const getDaysNum = (year, month) => new Date(year, month, 0).getDate()
const day = getDaysNum(2024, 2) // 29
Web
滚动到页面顶部
如果你需要将页面翻到最顶部
const goToTop = () => window.scrollTo(0, 0);
goToTop()
文本粘贴
当你需要复制文本到粘贴板上
const copy = (text) => navigator.clipboard?.writeText && navigator.clipboard.writeText(text)
copy('你需要粘贴的文本')
正则表达式
常用
匹配邮箱,手机号,身份证,URL,日期,时间,数字,中文,英文单词,HTML标签
匹配邮箱地址:/^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-zA-Z]{2,4}$/
匹配手机号码:/^1[3-9]\d{9}$/
匹配身份证号码:/^\d{17}[\dXx]|\d{15}$/
匹配 URL:/^((http|https):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/
匹配日期格式(yyyy-mm-dd):/^\d{4}-\d{2}-\d{2}$/
匹配时间格式(hh:mm:ss):/^[0-9]{2}:[0-9]{2}:[0-9]{2}$/
匹配数字:/^\d+$/
匹配英文单词:/^[a-zA-Z]+$/
匹配中文字符:/[\u4e00-\u9fa5]/
匹配 HTML 标签:/<\/?[\w\s="/.':;#-\/]+>/g
数字格式化人民币
function formatRMB(num) {
num = num.toString().replace(/\$|\,/g, '');
if (isNaN(num)) num = "0";
let sign = (num == (num = Math.abs(num)));
num = Math.floor(num * 100 + 0.50000000001);
let cents = num % 100;
num = Math.floor(num / 100).toString();
if (cents < 10) cents = "0" + cents;
for (let i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++) {
num = num.substring(0, num.length - (4 * i + 3)) + ',' + num.substring(num.length - (4 * i + 3));
}
return "¥" + ((sign) ? '' : '-') + num + '.' + cents;
}
数组
打乱数组
当你有一个数组,你需要打乱这个数组的排序
const randomSort = list => list.sort(() => Math.random() - 0.5)
randomSort([0,1,2,3,4,5,6,7,8,9]) // 随机排列结果
多数组取交集
当你需要取多个数组中的交集
const intersection = (a, ...arr) => [...new Set(a)].filter((v) => arr.every((b) => b.includes(v)))
intersection([1, 2, 3, 4], [2, 3, 4, 7, 8], [1, 3, 4, 9])
// [3, 4]
查找最大值索引
但你需要找到一个数组中的最大值的索引
const indexOfMax = (arr) => arr.reduce((prev, curr, i, a) => (curr > a[prev] ? i : prev), 0);
indexOfMax([1, 3, 9, 7, 5]); // 2
数字
进制转换
将10进制转换成n进制,可以使用toString(n)
const toDecimal = (num, n = 10) => num.toString(n)
// 假设数字10要转换成2进制
toDecimal(10, 2) // '1010'
将n进制转换成10进制,可以使用parseInt(num, n)
const toDecimalism = (num, n = 10) => parseInt(num, n)
toDecimalism(1010, 2)
补零
当你需要在一个数字num不足len位数的时候前面补零操作
const replenishZero = (num, len, zero = 0) => num.toString().padStart(len, zero)
replenishZero(8, 2) // 08
其他
uuid
const uuid = (a) => (a ? (a ^ ((Math.random() * 16) >> (a / 4))).toString(16) : ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, uuid))
uuid()
获取cookie
当你需要将cookie转换成对象文章来源:https://www.toymoban.com/news/detail-575369.html
const getCookie = () => document.cookie
.split(';')
.map((item) => item.split('='))
.reduce((acc, [k, v]) => (acc[k.trim().replace('"', '')] = v) && acc, {})
getCookie()
休眠函数
当你需要等待一段时间,但又不想写在setTimeout函数中,造成回调地狱文章来源地址https://www.toymoban.com/news/detail-575369.html
const sleep = async (t) => new Promise((resolve) => setTimeout(resolve, t));
sleep(2000).then(() => {console.log('time')});
到了这里,关于常用js工具函数集合的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!