对象和数组的解构

对象解构

  <script>
        /*解构赋值 ： 变量赋值简写语法 
  
         1.重点掌握
              1.1 取出对象的属性  赋值给 变量
                let {name,age,sex} = 对象名
              1.2 取出变量的值    赋值给 对象的属性
                let 对象名 = {name,age,sex}
         */

        //1. 取出对象的属性  赋值给 变量

        // let obj = {
        //     name: "张三",
        //     age: 20,
        //     sex: "男"
        // }

        //ES5
        //    let name = obj.name
        //    let age = obj.age
        //    let sex = obj.sex
        //    console.log( name,age,sex )

        //ES6解构赋值
        // let hobby = obj.hobby
        // let { name, age, sex, hobby } = obj
        // console.log(name, age, sex, hobby)

        //2. 取出变量的值    赋值给 对象的属性
        let name = '李四'
        let age = 30
        let sex = '女'

        //ES5

        // let obj = {
        //     name:name,
        //     age:age,
        //     sex:sex,
        // }
        // console.log(obj)

        //ES6
        
        let obj = {
            name,//name:name
            age,
            sex,
            eat(){//eat:function(){}
                console.log('吃东西')
            }
        }
        console.log( obj )
        

        
    </script>

数组解构

<script>
        /*解构赋值 ： 变量赋值简写语法 
  
         1.重点掌握
              1.1 取出对象的属性  赋值给 变量
                let {name,age,sex} = 对象名
              1.2 取出变量的值    赋值给 对象的属性
                let 对象名 = {name,age,sex}
         */   
        
        let arr = [10,20,30]

        // 1.取出数组的元素 赋值给 变量
        let [n1,n2,n3,n4] = arr
        // let n1 = arr[0]
        // let n2 = arr[1]
        // let n3 = arr[2]
        // let n4 = arr[3]
        console.log( n1,n2,n3,n4)//10,20,30,undefined

        //2.取出变量的值 赋值给 数组的元素
        let num1 = 66
        let num2 = 88
        let num3 = 100
        let arr1 = [num1,num2,num3]
        console.log(arr1)
        
        
    </script>