ES6部分用法记录

1、输入框非空判断

// (ES6)空值合并操作符（??）是一个逻辑操作符
// 当左侧的操作数为null或者undefined时，返回其右侧操作数，否则返回左侧操作数。
if(this.value??'' !== ''){
    console.log(this.value)
}

2、解构赋值取值

// ES6解构赋值，只要等号两边的模式相同，左边的变量就会被赋予对应的值
// 解构不成功，值会等于undefined
const obj = {
  userName: '小王',
  id: '123456'
}
// 解构对象如果为undefined、null，会报错，可以给被解构对象一个默认值
const {userName,id} = obj || {}
const {userName: a,id: b} = obj || {}
console.log(userName,id,a,b)
// 解构数组
const [x,y] = []
console.log(x,y)

3、数组includes方法

const point = [1, 2, 3, 4]
const typeOne = 1
const typeTwo = 5
// 判断一个数组是否包含一个指定的值，如果是返回 true，否则false。
point.includes(typeOne)
// true
point.includes(typeTwo)
// false

4、合并数组（扩展运算符的一种应用）

const a1 = [1, 2, 3]
const a2 = [3, 5]
const a3 = [...a1,...a2]
console.log(a3) //[1, 2, 3, 3, 5]
// Set是es6新增的数据结构，数组去重
const a4 = [...new Set(a3)]
console.log(a4) //[1, 2, 3, 5]