es6基础-解构赋值

es6基础-解构赋值

ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构
对象的解构赋值

let zyy={
            name:'张媛媛',
            gender:'女',
            age:18

        }
        //基本解构：重命名属性
        // let{name:zyyName,gender,age,selory = '8000'}=zyy
        // alert(selory)
        function selfIntroaduction({name:zyyName,gender,age,selory = 8000}){//形参
            //模板字符串:`` ${}
            alert(`我叫${zyyName}年龄${age}性别${gender}工资${selory}`)

        }
        //调用的函数
        selfIntroaduction(zyy)//传入的实参

数组的解构赋值

 let arr = ['a','b','c','d','e']
        let arr2 = [0,1,2]
        //解构数组
      //  let[a,b,c] = arr;
        //解构第一个
      //  let [a]=arr;
        //解构第二个
       // let[,b,]=arr;
       // alert(b);

        //合并数组的反向使用
        // let longArr = [...arr,...arr2]
        // console.log(longArr)

        //解构两个并把剩余的合并
           let [ a,b,...newArr] = arr
        //    alert(b)
        //    alert(newArr[0])
//数组不需要别名
//默认值
let[n1,n2,n3,n4 = 8] = arr2
alert(n4)

小结：

• 解构赋值就是把数据结构分解，然后给变量进行赋值
• 如果结构不成功，变量跟数值个数不匹配的时候，变量的值为undefined
• 数组解构用中括号包裹，多个变量用逗号隔开，对象解构用花括号包裹，多个变量用逗号隔开
• 利用解构赋值能够让我们方便的去取对象中的属性跟方法