【ES6语法】

解构赋值

• 数组解构

//数组解构允许我们按照一一对应的关系从数组中提取值 然后赋值给变量
 let arry=[1,2,3];
 let [a,b,c,d]=arry;
 console.log(a,b,c,d);    

• 对象解构

//使用变量来匹配对象的属性   匹配成功就将对象属性值给变量
let person={name:'zhangsan',age:19}
let {name,age}=person;
console.log(name,age);


//提取出来的值赋值给另一个变量
let person={name:'zhangsan',age:19}
let {name:myName,age:myAge}=person;
console.log(myName,myAge);

内置对象扩展

• 扩展运算符

   let arr1 = [1,2,3]; 
   let arr2 = [4,5,6];
   let arr3 = [1,2,3]; 
  /* 数组里面相同的内容不会被覆盖 */
    let newArr = [...arr1,...arr3];
    console.log(newArr); 
    
  /* 数组里面相同的内容不会被覆盖 */
    let newArr = [...arr1,...arr3];
    console.log(newArr);

 /* 传统拼接数组的方法 */
	/* let newArr = arr1.concat(arr2);
	console.log(newArr); */
   /* 对原数组没影响 */
    console.log(arr1,arr2) 

  	let obj1 = {
            name:"如花",
            age:18,
            sex:'男'
        }

     let obj3 = {
            name:"胖胖",
            age:20,
            sex:"女",
            car:'奔驰'
        }
    /* 相同的属性会被覆盖 */
    let newObj = {...obj1,...obj3};
    console.log(newObj); 
    let obj2 = {
            car:"宝马",
            type:"5系"
    } 
	/* 使用扩展运算符来合并对象并返回一个新对象 */
	let newObj = {...obj1,...obj2};
	/* 对原对象没有影响 */
    /* console.log(obj1,obj2); */