前端:收集非常实用的JS代码,值得收藏

前端:收集非常实用的JS代码,值得收藏#头条创作挑战赛#今天给大家分享js实用的代码片段,值得收藏!1、随机生成字符串const randomStr = () => Math.

大家好,欢迎来到IT知识分享网。

#头条创作挑战赛#

前端:收集非常实用的JS代码,值得收藏

今天给大家分享js实用的代码片段,值得收藏!

1、随机生成字符串

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

输出结果:

前端:收集非常实用的JS代码,值得收藏

2、实现字符串的翻转

const reverseStr = str => str.split('').reverse().join(''); reverseStr('vue 入门到精通'); reverseStr('IT技术分享社区'); 

输入结果:

前端:收集非常实用的JS代码,值得收藏

3、删除数组中重复元素

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

前端:收集非常实用的JS代码,值得收藏

4、RGB到十六进制转换机制

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

前端:收集非常实用的JS代码,值得收藏

5、打乱一个数组,重新组合

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

输出结果

前端:收集非常实用的JS代码,值得收藏

6、获取两个日期的时间间隔 (天数)

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

输出结果

前端:收集非常实用的JS代码,值得收藏

7、获取当天属于今年的第几天

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

输出结果

8、截断字符串长度

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

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

前端:收集非常实用的JS代码,值得收藏

9、判断数组是否为空

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

前端:收集非常实用的JS代码,值得收藏

10、合并两个数组为一个数组

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

输出结果

前端:收集非常实用的JS代码,值得收藏

11、英文句子首字母大写转换

实现英文句子中,每个单词首字母大写

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

前端:收集非常实用的JS代码,值得收藏

12、数组删除元素

给定的数组从左边开始删除 n 个元素,默认n=1

const dropArr = (arr, n = 1) => arr.slice(n); dropArr([10, 20, 30 , 40]); dropArr([10, 20, 30 , 40], 2); dropArr([10, 20, 30 , 40], 42); 

输出结果:

前端:收集非常实用的JS代码,值得收藏

13、获取当前日期的时间部分

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

输出结果:

前端:收集非常实用的JS代码,值得收藏

14、判断是否是json字符串

const isJson = str => { try { JSON.parse(str); return true; } catch (e) { return false; } }; isJson('{"name":"小明","address":"苏州"}'); isJson('{"name":"小王",address:"南京"}'); 

输出结果:

前端:收集非常实用的JS代码,值得收藏

15、获取当前网址

const currentURL = () => window.location.href; currentURL(); 

输出结果:

前端:收集非常实用的JS代码,值得收藏

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/74791.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信