ES6新特性使用

1，合并两个数组，合并两个对象

ES5

const a = [1,2,3];
const b = [1,5,6];
const c = a.concat(b);//[1,2,3,1,5,6]   

const obj1 = {
  a:1,
}
const obj2 = {
  b:1,
}
const obj = Object.assign({}, obj1, obj2);//{a:1,b:1}

缺点：数组没有去重

ES6

const a = [1,2,3];
const b = [1,5,6];
const c = [...new Set([...a,...b])]; //[1,2,3,5,6]

const obj1 = {
  a:1,
}
const obj2 = {
  b:1,
}
const obj = {...obj1,...obj2}; //{a:1,b:1}

2，输入框非空判断

ES5

if(value !== null && value !== undefined && value !== ''){
    //...
}

ES6 空值运算符

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

解构赋值

用在数组上

let [a, b, c] = [1, 2, 3];
// a = 1，b = 2，c = 3 相当于重新定义了变量a,b,c，取值也更加方便

// , = 占位符
let arr = ["小明", "小花", "小鱼", "小猪"];
let [,,one] = arr; // 这里会取到小鱼

// 解构整个数组
let strArr = [...arr];
// 得到整个数组
console.log(strArr);

用在对象上

let obj = {
   className : "卡西诺",
   age: 18
}
let {className} = obj; // 得到卡西诺
let {age} = obj;	// 得到18

// 剩余运算符
let {a, b, ...demo} = {a: 1, b: 2, c: 3, d: 4};
// a = 1
// b = 2
// demo = {c: 3, d: 4}

原文链接：https://blog.csdn.net/qq_35942348/article/details/117392258