随笔分类 -  JS

摘要:在JavaScript数组中有时候会存在一些虚假值:null、undefiend、NaN、false、0等。如果不想要的话,传统做法是循环去除, 是否有更简单的方式呢?有,废话不多说: const arry=[1,0,false,NaN,null,'a',undefiend] cosnt filte 阅读全文
posted @ 2023-01-17 17:08 li阿根 阅读(44) 评论(0) 推荐(0)
摘要:废话不多说,直接列举一些JavaScript中的简写语法,仅供大家参考! 1、当我们确实有一个对象数组并且我们想要根据对象属性查找特定对象时,find方法确实很有用。 const data = [ { type: 'test1', name: 'abc' }, { type: 'test2', na 阅读全文
posted @ 2023-01-16 13:30 li阿根 阅读(51) 评论(0) 推荐(0)
摘要:前端开发过程中,经常遇到时间比大小,只需要用getTime()方法即可 function compare(a, b){ return a.getTime() > b.getTime(); } 阅读全文
posted @ 2022-10-19 11:33 li阿根 阅读(436) 评论(0) 推荐(0)
摘要:js如何判断对象是否为空? obj=={ }? 不是这样的吧! 一起来看看 function isEmpty(obj){ return Reflect.ownKeys(obj).length 0 && obj.constructor Object; } 阅读全文
posted @ 2022-10-19 11:32 li阿根 阅读(32) 评论(0) 推荐(0)
摘要:做前端开发的同学是不是经常封装一些常用的函数方法,比如,日期格式、对象转换等。话不多说,直接总结一些常用的封装函数直接放在utils中拿来即用! //数组对象深拷贝const deepCopy = function (source) { return JSON.parse(JSON.stringif 阅读全文
posted @ 2022-10-17 10:09 li阿根 阅读(179) 评论(0) 推荐(0)
摘要:很多小伙伴再判断两个值是否相等都喜欢用 ,ES6中新增了一个Object.is(val1,val2)方法是否还记得? 对于Object.is来说,其运行结果在大部分情况中与 运算符相同,唯一的区别在于+0和-0被识别为不相等并且NaN与NaN等价。 举个例子来说吧: +0 -0 //true NaN 阅读全文
posted @ 2022-02-27 21:17 li阿根 阅读(1739) 评论(0) 推荐(0)
摘要:做web前端的小伙伴们遇到多个条件语句判断是不是经常写一些if/else语句?有的小伙伴可能反对了,初学者才写呢,我们都用switch..case语句了。 下面我们通过一个例子分析一下,遇到类似的情况怎么写代码才能让我们的代码 优雅而不失礼貌。哈哈哈~ //常见的if else判断 if(a==1) 阅读全文
posted @ 2022-01-11 17:19 li阿根 阅读(569) 评论(0) 推荐(0)
摘要:做前端的小伙伴经常要和数组打交道,比如常见的数组去重、选择数组中的随机项、获取数组中最大/最小值等等。今天我们一起来封装一些常见的方法,收藏备用! //数组去重 const removeDuplicate = (arr) => [...new Set(arr)]; removeDuplicate([ 阅读全文
posted @ 2022-01-10 15:09 li阿根 阅读(158) 评论(0) 推荐(0)
摘要:优化js中常见的多个if语句 阅读全文
posted @ 2021-12-23 16:10 li阿根 阅读(1744) 评论(0) 推荐(0)
摘要:做项目的时候经常遇到将信息加密,比如身份证、手机号等,前端开发的小伙伴们如何实现呢? 废话不多说,直接上代码吧! function encryptionInfo(val){ var oldVal,newVal; oldVal=String(val) //手机号 if(oldVal.length 11 阅读全文
posted @ 2021-07-15 13:54 li阿根 阅读(1587) 评论(0) 推荐(0)
摘要:首先,我们先来了解一下some, some判断是否有元素符合条件,如果有返回的是布尔变量true反之为false。 let arr1=[1,2,3,4,5]; arr1.some(item=>{return item>1});//true filter则是筛选出符合条件的元素 let arr2=[1 阅读全文
posted @ 2021-04-22 16:09 li阿根 阅读(699) 评论(0) 推荐(0)
摘要:在 JS 中,?? 运算符被称为非空运算符。如果第一个参数不是 null/undefined(译者注:这里只有两个假值,但是 JS 中假值包含:未定义 undefined、空对象 null、数值 0、空数字 NaN、布尔 false,空字符串'',不要搞混了),将返回第一个参数,否则返回第二个参数。 阅读全文
posted @ 2021-02-19 14:25 li阿根 阅读(1424) 评论(0) 推荐(0)
摘要:很多做管理后台的前端小伙伴经常用到一些验证规则,比如手机号、邮箱、输入位数等,今天跟大家分享一下如何判断输入框中输入的是否为合法的手机号码 利用正则表达式进行判断: function checkPhone(p, required = true) { if (!p) { return required 阅读全文
posted @ 2021-02-19 14:13 li阿根 阅读(3475) 评论(0) 推荐(1)
摘要:web前端开发中,我们经常用到一些常见的方法,有时候重复写的特别多,代码冗余、所以花时间整理了一些常见的js方法,判断是否为undefined、是否为NaN、js合并数组、js筛选数组对象、js替换数组对象中的key、js日期格式化等,备用! //判断是否为undefined function is 阅读全文
posted @ 2021-01-04 16:59 li阿根 阅读(448) 评论(0) 推荐(0)
摘要:indexOf 和 includes js中我们经常要用到判断某一字符串中是否包含某个元素或者值,常见的两个方法如下 var ss="hello monkey!" console.log(ss.indexOf('monkey'))// 如果包含,则返回查询字符串的个数,不包含则返回-1; conso 阅读全文
posted @ 2020-10-18 15:47 li阿根 阅读(27327) 评论(0) 推荐(1)
摘要:一般,在js数组中我们经常使用slice、split()、shift()、等常见方法,我们如何在数组中绑定自己的方法返回数组中的最大值呢? function array_max( ) { var i, max = this[0]; for (i = 1; i < this.length; i++) 阅读全文
posted @ 2020-10-18 13:57 li阿根 阅读(418) 评论(0) 推荐(0)
摘要:1.使用背景:和客户沟通后,要在input=date控件中默认显示当天日期; 2.html部分:<input type="date" id="dateTime"> 3.js部分: var d = new Date(); var day =d.getDate(); if(d.getMonth()<10 阅读全文
posted @ 2020-04-20 13:36 li阿根 阅读(2508) 评论(0) 推荐(1)
摘要:偶然看到一个ES6新方法,重复N多个字符串再也不用复制粘贴复制粘贴了。 实例方法 repeat() x.repeat(3);//xxx 注意点 .当数字是小数的时候,取整 .是负数或者Infinity则会报错 .如果是字符串的话 先转换为数字 例如 'love'.reapeat('you')//lo 阅读全文
posted @ 2020-01-14 10:20 li阿根 阅读(1185) 评论(0) 推荐(0)
摘要:废话少说,直接上代码 阅读全文
posted @ 2019-12-28 14:41 li阿根 阅读(2696) 评论(0) 推荐(0)
摘要:废话不多说,直接上代码 阅读全文
posted @ 2019-12-24 10:10 li阿根 阅读(9850) 评论(0) 推荐(0)