前端常用代码整理（不断更新中）— js，jquery篇（2）

目录

1.随机生成字符串

2.删除数组中重复元素

3.RGB到十六进制转换机制

 4.打乱一个数组，重新组合

5.获取两个日期的时间间隔 （天数）

6.获取当天属于今年的第几天

7.截取字符串长度,超过部分显示为 ...

8.判断数组是否为空

9.英文句子首字母大写转换

10.获取当前日期的时间部分

1.随机生成字符串

const randomStr = () => Math.random().toString(20).slice(2);
console.log(randomStr());

2.删除数组中重复元素

const set = new Set([5,7,1,3,4,2,5,6,8,8]);
console.log([...set]);  //[5, 7, 1, 3, 4, 2, 6, 8]

3.RGB到十六进制转换机制

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

 4.打乱一个数组，重新组合

const shuffle = array => array.sort(() => 0.5-Math.random());
console.log(shuffle([29,3,57,2,40]))

5.获取两个日期的时间间隔 （天数）

const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000)
console.log(dayDif(new Date("2022-09-03"), new Date("2022-11-15")));//37

6.获取当天属于今年的第几天

const dayOfYearStr = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);
console.log(dayOfYearStr(new Date()));

7.截取字符串长度,超过部分显示为 ...

const splitStr= (string, length) => string.length < length ? string : `${string.slice(0, length - 3)}...`;
console.log(splitStr('vue is good web frame', 10));//vue is ...

8.判断数组是否为空

const isNotEmptyArr = arr => Array.isArray(arr) && arr.length > 0;
console.log(isNotEmptyArr([6,66,666]));  //true
console.log(isNotEmptyArr([]));   //false

9.英文句子首字母大写转换

const capitalizeEveryWordStr = str => str.replace(/\b[a-z]/g, char => char.toUpperCase());
capitalizeEveryWordStr('hello vue js ');

10.获取当前日期的时间部分

const getTimeFromDate = date => date.toTimeString().slice(0, 8);
getTimeFromDate(new Date());