ES6常用新特性汇总

1.去除数组重复元素

let arr = [1, 2, 2, 3];
let set = new Set(arr);
let newArr = Array.from(set); 
console.log(newArr); // [1, 2, 3]

2.合并对象Object.assign()

let obj1 = {a: 1};
let obj2 = {b: 2};
let obj3 = Object.assign({},obj1, obj2); 
console.log(obj3); // {a: 1, b: 2, c: 3}

3. es6展开运算符...

//展开数组
var arr = [1,2,3];
var arr2 = [...arr,4,5,6];
console.log(arr2); //[1,2,3,4,5,6]
//展开对象
var obj1 = {a:1,b:2,c:3}
var obj2 = {d:4,...obj1}
console.log(obj2 )

4.数组解构赋值

 var arr = [1, 2, 3];
//解构赋值
 var [a, b, c] = arr;

//常用写法
var a = arr[0],
     b = arr[1],
     c = arr[2];
 
console.log(a);//1
console.log(b);//2
console.log(c);//3

5.字符串模板 ``

var num= parseInt(Math.random()*100);
            //将这个数字输出到console
            let ffData=`<div class="test">
                           <span>${num}</span>
                        </div>`;
            console.log(ffData);