1、判断一个对象是否为空
let objData={
name:'XX',
age:'20'
}
Object.keys(objData).length !== 0
2、判断一个字符串中是否有哪个特定的字符
str1.indexOf("**") !== -1
3、判断字符串中是否有哪个特定字符并从该字符索引位置开始截取
if (str1.indexOf('/F') !== -1) {
let tempNum = str1.indexOf('/F');
let str2 = str1.substring(tempNum);
}
4、解构赋值
这种方式可以给结构出来的变量重命名
let { result: detailRes } = res;
5、深拷贝的方法
let tempObj=JSON.parse(JSON.stringify(objData))
扩展运算符的拷贝只有第一层是深拷贝,如果有深层的就不是深拷贝了
let tempObj={...objData}
6、switch…case…
switch (val) {
case '1':
tempParam.orderBy = 'time';
break;
case '2':
tempParam.orderBy = 'visits';
break;
case '3':
tempParam.orderBy = 'like';
break;
case '4':
tempParam.ifVideo = '1';
break;
default:
tempParam.orderBy = 'time';
break;
}
7、判断是否为数组
tempData instanceof Array
另一种方式
Object.prototype.toString.call(tempData) === '[Object Array]'
8、常用正则规则
身份证验证
/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$/
手机号验证
/^[1][3,4,5,6,7,8][0-9]{9}$/
9、日期格式化
// 格式化时间
export const formatDate = (date, fmt) => {
let o = {
'M+': date.getMonth() + 1, // 月份
'd+': date.getDate(), // 日
'h+': date.getHours(), // 小时
'm+': date.getMinutes(), // 分
's+': date.getSeconds(), // 秒
S: date.getMilliseconds(), // 毫秒
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
(date.getFullYear() + '').substr(4 - RegExp.$1.length)
);
}
for (var k in o) {
if (new RegExp('(' + k + ')').test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
);
}
}
return fmt;
};
this.timeData = formatDate(new Date(), 'yyyy/MM/dd');
10、??和?.和??=的用法
?? 左右两侧都应该有数值,如果左侧的值为null或者nudefined的时候,就会使用右侧的数值
?. 是可选的链式操作,就是如果对象中没有这个属性也不会报错,如果没有就会返回undefined,如果有这个属性就会取这个值
??= 的左侧如果是null或者undefined的时候,才会取右侧的值,不然左侧的值会保持不变
11、获取随机数
这个是获得一个300到1000之间的随机数
Math.ceil(Math.random() * 700 + 300)
12、修饰符
- .native: 给自定义的组件添加原生事件,可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签,并且该修饰符对普通HTML标签是没有任何作用的。
13、函数的默认参数
如果调用一个函数,没有传任何参数,但是这个函数有形参并且形参有默认值是一个字面量对象,如果在函数内部修改这个对象的数值,连续调用多次,发现第二次调用的数值的结果和第一次调用的数值的结果一致,这就证明,每次都是一个新的默认参数。但是如果这个参数是一个已有的变量的对象,那么第二次调用就会使用第一调用之后的结果,因为第一次调用的时候就改变了这个变量的数值
14、函数返回值
- 如果函数的return后面不写任何东西,那么就相当于返回undefined
- 不写reutrn,但是用一个变量去接收这个函数,那么这个变量的值就是undefined
- 箭头函数的返回值可以简写,如果返回值只有一个语句,那么可以同时省略大括号和return,如果想省略必须同时省略,只省略一个大括号或者只省略一个return是无法得到想要的结果的,如果返回值是一个对象并且想简写的话,一定要在对象外面加小括号括起来,否则也拿不到想要的结果