大数据
电子商务
信息技术 当前位置:首页 > 技术资源 > 信息技术
非常实用的JavaScript一行代码
更新时间:2024-03-09 15:08:55 编辑:站长 浏览:547
非常实用的JavaScript一行代码

一、日期处理

#1. 检察日期是否有效

该方法用于检测给出的日期是否有效:

const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf());
isDateValid("December 17, 1995 03:24:00");  // true
1
2
3
4

#2. 计算两个日期之间的间隔

该方法用于计算两个日期之间的间隔时间:

const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000)dayDif(new Date("2021-11-3"), new Date("2022-2-1"))
1
2
3
4

距离过年还有90天~

#3. 查找日期位于一年中的第几天

该方法用于检测给出的日期位于今年的第几天:

const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);
dayOfYear(new Date());
1
2
3
4

2021年已经过去300多天了~

#4. 时间格式化

该方法可以用于将时间转化为hour:minutes:seconds的格式:

const timeFromDate = date => date.toTimeString().slice(0, 8);timeFromDate(new Date(2021, 11, 2, 12, 30, 0));  
// 12:30:00timeFromDate(new Date());  // 返回当前时间 09:00:00
1
2
3
4
5

#二、字符串处理

#1. 字符串首字母大写

该方法用于将英文字符串的首字母大写处理:

const capitalize = str => str.charAt(0).toUpperCase() + 
str.slice(1)capitalize("hello world")  // Hello world
1
2
3
4

#2. 翻转字符串

该方法用于将一个字符串进行翻转操作,返回翻转后的字符串:

const reverse = str => str.split('').reverse().join('');
reverse('hello world');   // 'dlrow olleh'
1
2
3
4

#3. 随机字符串

该方法用于生成一个随机的字符串:

const randomString = () => Math.random().toString(36).slice(2);randomString();
1
2
3
4

#4. 截断字符串

该方法可以从指定长度处截断字符串:

const truncateString = (string, length) => string.length < length ? string : `${string.slice(0, length - 3)}...`;
truncateString('Hi, I should be truncated because I am too loooong!', 36)  
 // 'Hi, I should be truncated because...'
1
2
3
4

#5. 去除字符串中的HTML

该方法用于去除字符串中的HTML元素:

const stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';
1
2

#三、数组处理

#1. 从数组中移除重复项

该方法用于移除数组中的重复项:

const removeDuplicates = (arr) => [...new Set(arr)];console.log(removeDuplicates([1, 2, 2, 3, 3, 4, 4, 5, 5, 6]));
1
2
3
4

#2. 判断数组是否为空

该方法用于判断一个数组是否为空数组,它将返回一个布尔值:

const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;isNotEmpty([1, 2, 3]);  // true
1
2
3
4

#3. 合并两个数组

可以使用下面两个方法来合并两个数组:

const merge = (a, b) => a.concat(b);const merge = (a, b) => [...a, ...b];
1
2
3
4

#四、数字操作

#1. 判断一个数是奇数还是偶数

该方法用于判断一个数字是奇数还是偶数:

const isEven = num => num % 2 === 0;isEven(996);
1
2
3
4

#2. 获得一组数的平均值

const average = (...args) => args.reduce((a, b) => a + b) / args.length;
average(1, 2, 3, 4, 5);   // 3
1
2
3
4

#3. 获取两个整数之间的随机整数

该方法用于获取两个整数之间的随机整数

const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);random(1, 50);
1
2
3
4

#4. 指定位数四舍五入

该方法用于将一个数字按照指定位进行四舍五入:

const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d)round(1.005, 2) //1.01round(1.555, 2) //1.56
1
2
3
4
5

#五、颜色操作

#1. 将RGB转化为十六机制

该方法可以将一个RGB的颜色值转化为16进制值:

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

#2. 获取随机十六进制颜色

该方法用于获取一个随机的十六进制颜色值:


上一篇: 已经是第一篇

下一篇: 常用Git命令清单

文章评论

表情

共 1 条评论, 查看全部 我要登录
  • mark

    学到了,收藏一下。

    2024-03-09 18:54:42 回复

联系我们

地址:深圳市罗湖区深南东路2028号罗湖商务中心2513

电话:19923322915(微信同号)

邮箱:trust-win$foxmail.com($替换为@)

QQ:823177260

最新动态

获奖 >> 公司荣获年度最具信任企业

社区 >> 公司组组织关爱活动

团建 >> 员工福利出游活动

产品 >> 知识付费系统产品发布

友情链接

官方博客

官方店铺


 返回顶部