当前位置: 首页 > Web前端 > vue.js

127个常用JS代码片段,每段代码30秒看懂(四)

时间:2023-04-01 11:01:51 vue.js

大家好,今天继续分享本系列文章的第四篇,希望对大家的日常工作有所帮助。64、getColonTimeFromDate用于判断程序运行环境是否在浏览器中,有助于避免在node环境中运行前端模块时出错。constisBrowser=()=>![窗口类型,文档类型].includes('undefined');是浏览器();//真(浏览器)isBrowser();//false(Node)65、isBrowserTabFocused用于判断当前页面是否处于活动状态(显示状态)。constisBrowserTabFocused=()=>!document.hidden;isBrowserTabFocused();//true66,isLowerCase用于判断当前字符串是否全部为小写。constisLowerCase=str=>str===str.toLowerCase();isLowerCase('abc');//trueisLowerCase('a3@$');//trueisLowerCase('Ab4');//false67,isNil用于判断当前变量的值是否为null或undefined。constisNil=val=>val===undefined||瓦尔===空;是零(空);//trueisNil(undefined);//true68,isNull用于判断当前变量的值是否为null类型。constisNull=val=>val===null;为空(空);//true69,isNumber用于判断当前值是否为数字类型。函数isNumber(n){return!isNaN(parseFloat(n))&&isFinite(n);}isNumber('1');//falseisNumber(1);//true70,isObject用于判断参数的值是否为Object,这里Object的构造函数用于创建对象包装器,如果是对象类型,则返回原值。constisObject=obj=>obj===对象(obj);isObject([1,2,3,4]);//真isObject([]);//trueisObject(['你好!']);//真isObject({a:1});//真isObject({});//真isObject(true);//false71,isObjectLike用于检查参数的值是否为null,类型是否为对象。constisObjectLike=val=>val!==null&&typeofval==='object';isObjectLike({});//真isObjectLike([1,2,3]);//真isObjectLike(x=>x);//falseisObjectLike(null);//false72,isPlainObject此代码段检查参数的值是否是由Object构造函数创建的对象。constisPlainObject=val=>!!val&&typeofval==='object'&&val.constructor===Object;isPlainObject({a:1});//trueisPlainObject(newMap());//false73,isPromiseLike用于检测当前对象是否与Promise函数相似。constisPromiseLike=obj=>obj!==null&&(typeofobj==='object'||typeofobj==='function')&&typeofobj.then==='function';isPromiseLike({then:function(){返回'';}});//真isPromiseLike(null);//falseisPromiseLike({});//false74,isSameDate用于判断给定的两个日期是否为同一天。constisSameDate=(dateA,dateB)=>dateA.toISOString()===dateB.toISOString();isSameDate(新日期(2010,10,20),新日期(2010,10,20));//true75,isString用于检测当前值是否为字符串类型。constisString=val=>typeofval==='string';isString('10');//true76,isSymbol用于判断参数的值是否为Symbol类型。constisSymbol=val=>typeofval==='symbol';isSymbol(符号('x'));//true77,isUndefined用于判断参数的类型是否为Undefined。constisUndefined=val=>val===undefined;未定义(未定义);//true78,isUpperCase用于判断当前字符串的字母是否全部大写。constisUpperCase=str=>str===str.toUpperCase();isUpperCase('ABC');//trueisLowerCase('A3@$');//trueisLowerCase('aB4');//false79,isValidJSON用于判断给定的字符串是否为JSON字符串。constisValidJSON=str=>{尝试{JSON.解析(海峡);返回真;}catch(e){返回假;}};isValidJSON('{"name":"Adam","age":20}');//trueisValidJSON('{"name":"Adam",age:"20"}');//falseisValidJSON(null);//true80,last该函数返回数组的最后一个元素。constlast=arr=>arr[arr.length-1];最后([1、2、3]);//381.matches该函数用于比较两个对象以确定第一个对象是否包含与第二个对象相同的属性和值。onstmatches=(obj,source)=>Object.keys(source).every(key=>obj.hasOwnProperty(key)&&obj[key]===source[key]);matches({age:25,头发:'long',beard:true},{hair:'long',beard:true});//truematches({hair:'long',beard:true},{age:25,hair:'long',beard:true});//false82,maxDate此代码段在日期数组中找到最大的日期并将其输出。constmaxDate=(...dates)=>newDate(Math.max.apply(null,...dates));constarray=[newDate(2017,4,13),newDate(2018,2,12),newDate(2016,0,10),newDate(2016,0,9)];最大日期(数组);//2018-03-11T22:00:00.000Z83,maxN这段代码输出数组前面最大的n位数字。constmaxN=(arr,n=1)=>[...arr].sort((a,b)=>b-a).slice(0,n);maxN([1,2,3]);//[3]maxN([1,2,3],2);//[3,2]84.minDate此代码段在日期数组中搜索最早的日期并输出。constminDate=(...dates)=>newDate(Math.min.apply(null,...dates));constarray=[newDate(2017,4,13),newDate(2018,2,12),newDate(2016,0,10),newDate(2016,0,9)];最小日期(数组);//2016-01-08T22:00:00.000Z小节今天的内容就和大家分享到这里,感谢大家的阅读。如果喜欢我的分享,请给我一个关注,点赞转发。您的支持是我分享的动力。以后我会继续分享剩下的代码片段。欢迎继续关注。本文原作者:FatosMorina来源网站:medium注:并非直译过去常用的127个JS代码片段,每段代码30秒即可看懂。[](http://mp.weixin.qq.com/s?__b...

猜你喜欢