ES6特性---------（一）

一、filter与find

1. 如果需要进行列表精确搜索，使用find。模糊查询可以用filter来进行过滤。

 const a = [1,2,3];
 const result= a.filter(item=>{
    return item === 3
 })

当使用find时，就不用对数组进行遍历。

 const a = [1,2,3];
 const result= a.find(item=>{
    return item === 3
 })

二、flat方法

flat方法可以将进行数组的扁平化处理；同时，获取对象的全部属性值可以使用Object.values。

  const deps={
    'name':['张三','李四'],
    'age':[12,19],
    'type':[1,0],
   }
   let member=Object.values(deps).flat(Infinity);

#注意，flat方法不支持IE浏览器。

三、空值合并运算符

使用ES6新出的空值合并运算符就可以不用进行繁琐的判断。

if(value??'' !== ''){
  //...
}

四、扩展运算符

当合并两个数组或者两个对象时，可以采用ES6的扩展运算符。具体用法如下，

  const a=[1,2,3]
  const b=[1,3,6,7]
  const c=[...new Set([...a,...b])];//[1,2,3,6,7]，采用new Set()方法可以进行数组去重
  
  const obj1={a:1,}
  const obj2={b:1,}
  const obj={...obj1,...obj2};//{a:1,b:1}

五、includes方法

  //之前
  if(type==1||type==2||type==3||type==4){
    //...
  }
  //采用includes方法
  const condition=[1,2,3,4]
  if(condition.includes(type)){
    //...
  }