常用js代码片段

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是无法得到想要的结果的，如果返回值是一个对象并且想简写的话，一定要在对象外面加小括号括起来，否则也拿不到想要的结果