38个非常有用的JavaScript单行代码汇总
1。判断日期是否正确
此方法用于检查给定日期是否有效。constisDateValid(。。。val)!Number。isNaN(newDate(。。。val)。valueOf());isDateValid(December27,202213:14:00);true
2。计算两个日期之间的间隔
此方法用于计算两个日期之间的间隔。constdayDif(date1,date2)Math。ceil(Math。abs(date1。getTime()date2。getTime())86400000)dayDif(newDate(20220827),newDate(20221225))120
距离圣诞节还有120天。
3。确定日期所在的一年中的哪一天
此方法用于检测给定日期所在的一年中的哪一天。constdayOfYear(date)Math。floor((datenewDate(date。getFullYear(),0,0))1000606024);dayOfYear(newDate());239
2022年已经过去了239天。
4。格式化时间
此方法可用于将时间转换为hh:mm:ss格式。consttimeFromDatedatedate。toTimeString()。slice(0,8);timeFromDate(newDate(2021,11,2,12,30,0));12:30:00timeFromDate(newDate());nowtime09:00:00
5。字符串的初始大写
此方法用于将字符串的第一个字母大写。constcapitalizestrstr。charAt(0)。toUpperCase()str。slice(1)capitalize(helloworld)Helloworld
6。翻转字符串
该方法用于翻转字符串并返回翻转后的字符串。constreversestrstr。split()。reverse()。join();reverse(helloworld);dlrowolleh
7。随机字符串
此方法用于生成随机字符串。constrandomString()Math。random()。toString(36)。slice(2);randomString();
8。字符串截断
此方法将字符串截断为指定长度。consttruncateString(string,length)string。lengthlength?string:{string。slice(0,length3)}。。。;truncateString(Hi,IshouldbetruncatedbecauseIamtooloooong!,36)Hi,Ishouldbetruncatedbecause。。。
9。从字符串中删除HTML
此方法用于从字符串中删除HTML元素。conststripHtmlhtml(newDOMParser()。parseFromString(html,texthtml))。body。textContent;
10。从数组中删除重复项
删除重复元素是我们在数组中做的常见事情之一,这里有两种方法,根据情况选择使用。
1)、constremoveDuplicates(arr)〔。。。。newSet(arr)〕;console。log(removeDuplicates(〔1,2,2,3,3,4,4,5,5,6〕));
2)、constnum〔1,2,2,2,5,66,666,55,5〕constname〔adarsh,gupta,adarsh,raj,ratesh,raj〕constuniquenum〔。。。newSet(num)〕〔1,2,5,66,666,55〕constuniquenames〔。。。newSet(name)〔adarsh,gupta,raj,ratesh〕
11。判断数组是否为空
1)、使用isArray方法检查数组是否为空,并通过传递数组检查Object。keys(arr)的长度来确认它。
Object。keys()方法返回给定对象自己的可枚举属性名称的数组,以与正常循环相同的顺序进行迭代。constisArrayNotEmpty(arr)Array。isArray(arr)Object。keys(arr)。length0;ExamplesisArrayNotEmpty(〔〕);falseisArrayNotEmpty(〔1,2,3〕);true
2)、该方法用于判断一个数组是否为空数组,它返回一个布尔值。constisNotEmptyarrArray。isArray(arr)arr。length0;isNotEmpty(〔1,2,3〕);true
12。组合两个数组
可以使用以下两种方法来合并两个数组:constmerge(a,b)a。concat(b);constmerge(a,b)〔。。a,。。b〕;
13。判断一个数是奇数还是偶数
此方法用于确定数字是奇数还是偶数。constisEvennumnum20;isEven(996);
14。得到一组数字的平均值constaverage(。。。args)args。reduce((a,b)ab)args。length;average(1,2,3,4,5);3
15。从两个整数中确定随机整数
此方法用于获取两个整数之间的随机整数。constrandom(min,max)Math。floor(Math。random()(maxmin1)min);random(1,50);
16。四舍五入到指定位数
此方法可用于将数字四舍五入到指定的数字。constround(n,d)Number(Math。round(ned)ed)round(1。005,2)1。01round(1。555,2)1。56
17。RGB到十六进制转换机制
此方法可以将RGB颜色值转换为十六进制值。constrgbToHex(r,g,b)((124)(r16)(g8)b)。toString(16)。slice(1);rgbToHex(255,255,255);ffffff
18。随机选择一种十六进制颜色
此方法用于获取随机的十六进制颜色值。constrandomHex(){Math。floor(Math。random()0xffffff)。toString(16)。padEnd(6,0)};randomHex();
19。将内容复制到剪贴板
此方法使用navigator。clipboard。writeText将文本复制到剪贴板。constcopyToClipboard(text)navigator。clipboard。writeText(text);copyToClipboard(HelloWorld);
20。删除所有cookies
该方法使用document。cookie访问cookie并清除网页上存储的所有cookie。constclearCookiesdocument。cookie。split(;)。forEach(cookiedocument。cookiecookie。replace(,)。replace(。,;expires{newDate(0)。toUTCString()};path));
21。检索选择的文本
该方法通过内置的getSelection属性获取用户选择的文本。constgetSelectedText()window。getSelection()。toString();getSelectedText();
22。判断是否处于暗模式
该方法用于检测当前环境是否处于暗模式,它是一个布尔值。constisDarkModewindow。matchMediawindow。matchMedia((preferscolorscheme:dark))。matchesconsole。log(isDarkMode)
23。导航到页面顶部
此方法用于返回页面顶部。constgoToTop()window。scrollTo(0,0);goToTop();
24。确定当前选项卡是否处于活动状态
此方法用于检查当前选项卡是否处于活动状态。constisTabInView()!document。hidden;
25。判断当前设备是否为苹果设备
此方法用于检查当前设备是否为Apple设备。constisAppleDevice()MaciPodiPhoneiPad。test(navigator。platform);isAppleDevice();
26。是否滚动到页面底部
该方法用于判断页面是否在底部。constscrolledToBottom()document。documentElement。clientHeightwindow。scrollYdocument。documentElement。scrollHeight;
27。重定向到一个URL
此方法用于重定向到新URL。constredirecturllocation。hrefurlredirect(https:www。google。com)
28。打开浏览器打印框
该方法用于打开浏览器的打印框。constshowPrintDialog()window。print()
29。生成随机字符串
有时可能会出现需要生成随机字符串的情况,请使用此代码片段来获取它。constrandomstrMath。random()。toString(36)。substring(7)
由于在对浮点进行字符串化时会删除尾随零,因此它将生成0到6个字符之间的任何字符。
30。反转字符串
反转字符串从未如此简单,首先我们将其转换为数组(字符数组),现在我们反转该数组,然后将该数组转换为字符串。
使用这个单线来实现这一点:constrev(str)str。split()。reverse()。join()
31。随机布尔值
此方法返回一个随机布尔值。使用Math。random(),你可以得到一个01的随机数,并将它与0。5进行比较,有一半的概率得到一个真值或假值。constrandomBoolean()Math。random()0。5;randomBoolean();
32。切换变量
可以使用以下形式交换两个变量的值,而无需应用第三个变量。〔foo,bar〕〔bar,foo〕;
33。获取变量的类型
该方法用于获取变量的类型。consttrueTypeOf(obj)Object。prototype。toString。call(obj)。slice(8,1)。toLowerCase();trueTypeOf(‘’);stringtrueTypeOf(0);numbertrueTypeOf();undefinedtrueTypeOf(null);nulltrueTypeOf({});objecttrueTypeOf(〔〕);arraytrueTypeOf(0);numbertrueTypeOf((){});function
34。华氏到摄氏温度转换
此方法用于在摄氏度和华氏度之间进行转换。constcelsiusToFahrenheit(celsius)celsius9532;constfahrenheitToCelsius(fahrenheit)(fahrenheit32)59;celsiusToFahrenheit(15);59celsiusToFahrenheit(0);32celsiusToFahrenheit(20);4fahrenheitToCelsius(59);15fahrenheitToCelsius(32);0
35。检测对象是否为空
该方法用于检测JavaScript对象是否为空。constisEmptyobjReflect。ownKeys(obj)。length0obj。constructorObject;
36。打乱数组,返回一个数组
可以使用数学模块的随机方法对数组进行洗牌。constshufflearrayarray。sort(()0。5Math。random());outputshuffle(〔1,5,2,45〕)〔5,2,1,25〕
Math。random()返回一个介于0和1之间的随机数。因此,如果它恰好给你一个小于0。5的数字,那么,你会得到一个负数,如果超过了,那么你会得到一个正数。
在此比较函数中选择0。5的原因是,如果从0和1的每个端点中减去0。5,则会得到0。5和0。5的新范围,但不包括0。5,因为不包括原始1在Math。random()函数的结果中。
因此,当从这个范围返回一个随机数时,它是正数或负数的可能性几乎相等,有时它也会为零。
37。检测暗模式
在某些情况下,我们可能希望在激活暗模式时做一些额外的事情,使用这段代码来检查暗模式是打开还是关闭。constisDarkwindow。matchMediawindow。matchMedia((preferscolorscheme:dark))。match
38。交换两个变量
下面的代码是在不使用第三个变量且仅使用一行代码的情况下交换两个变量的更简单方法之一。〔var1,var2〕〔var2,var1〕;
婴幼儿2个月多夜晚睡觉摇头建议方法婴幼儿2个月多夜晚睡觉摇头建议方法大家好,我是柠檬妈妈,最近我家宝宝在两个月多的时候,晚上睡觉摇头。今天我就给大家总结一下关于宝宝夜间睡觉摇头的方法,希望可以帮助到大家。宝宝夜间睡
天津主播白洋认为北京烤鸭不算美食,你同意这个观点吗?我同意,非常赞同。为什么不算美食呢?因为烤鸭在北京属于大众消费家常菜。像天津的狗不理包子一样,还有四川的回锅肉。湖南的红烧肉,东北的小鸡蘑菇炖粉条,差不多属于百姓大众菜。这个天津主
好的企业用的管理软件都有哪些?谢邀请。这个市面上就比较多了,企业管理软件是面向企业的,能够帮助企业管理者优化工作流程,提高工作效率的信息化系统。不同企业,根据自己企业的流程,规模,需求等,选择适合自己的软件最常
特斯拉做工远不如国产品牌,国产品牌销量不如特斯拉,什么原因?那是因为特斯拉忙着研究如何提升效率降低成本,提高安全性!没空搞这些表面的面子工程这个问题首先就是问题!1。做工远不如,,,。请问客观依据在哪里?例如,后车身的铸铝件和装配件相比较做
一部手机用4年丢人吗?一部手机用4年乃至更长时间的人很多,这个事情并没有什么丢人的,很多人的用途比较简单,就是简单的打打电话这种操作,4年前的手机再坚持几年都没有问题,不过如果任务比较多,而且相关业务比
市场监管总局广告监管司就互联网广告管理办法答记者问央视网消息近日,市场监管总局公布了互联网广告管理办法(以下简称办法),办法将于5月1日起施行。日前,市场监管总局广告监管司负责同志就办法相关问题回答了记者提问。记者办法出台的背景是
农业农村部今年夏粮生产基础较好冬小麦播种面积稳中有增农业农村部农情调度显示,今年夏粮生产基础较好,冬小麦播种面积稳中有增,目前冬小麦一二类苗比例89。4,长势好于上年和常年。眼下,河北3350多万亩小麦已经返青,陆续进入起身期,也就
国家智慧教育公共服务平台上线一周年访客量超11亿人次记者今天从教育部获悉,国家智慧教育公共服务平台自去年3月28日上线,现已成为世界第一大教育数字化资源中心和服务平台。平台连接了52。9万所学校,面向1844万教师2。91亿学生和广
值得关注的癫痫综合征婴儿肌阵挛癫痫婴儿期肌阵挛性癫痫(myoclonicepilepsyininfancy,MEI)是一种罕见的疾病,以发病时出现肌阵挛性发作为特征。MEI以前称为婴儿良性肌阵挛癫痫,但现在认为不一
婚后大家都是怎么存钱的?夫妻同心,其利断金。我家婚后推举我当了家庭财政部长,每月工资到账实行二合一,统一转存到我的账户。扣除每月家庭必要支出父母的赡养费2000元,孩子的生活费2000元,我们夫妻的生活费
小县城,正科级领导的工资收入有多少?小县城,正科级领导的工资有多少呢?下面就结合我的亲身经历,给大家解答一下。前两天,和局长下乡,局长是正科级领导,已经有七八年的正科级履历,在下乡的途中,我们谈到了工资的问题,所以这