ES6 解构赋值

Posted 2022-07-19 treectj

https://www.liaoxuefeng.com/wiki/1022910821149312/1023021187855808?residentId=asadf&nodeId=213324435 廖雪峰官网

数组解构赋值

// 之前需要取arr里面的值  以前是这样
        let arr = [‘name‘,‘age‘,‘gender‘]
        let name = arr[0]
        let age = arr[1]
        let gender = [2]

// 解构赋值可以这样
        let arr = [‘name‘,‘age‘,‘gender‘]
        let [name] = arr
        console.log(name) //结果 为name

对象解构赋值　　PS:越发感觉对象解构赋值 很厉害

场景一：后台返回一个对象，里面只有几个是需要的自己存起来的。这个时候就可以解构赋值 感觉对象解构赋值用的最多

// 之前需要一个一个取
        var person = 
            name: ‘小明‘,
            passport: ‘G-12345678‘,
            school: ‘No.4 middle school‘,
            age: 20,
            gender: ‘male‘,
        ;
        var name = person.name
        var gender = person.gender

// 使用解构赋值
        var person = 
            name: ‘小明‘,
            passport: ‘G-12345678‘,
            school: ‘No.4 middle school‘,
            age: 20,
            gender: ‘male‘,
        ;
        var name,gender = person
        console.log(name,gender)

解构赋值还可以使用默认值，这样就避免了不存在的属性返回undefined的问题：

        // 使用解构赋值
        var person = 
            passport: ‘G-12345678‘,
            school: ‘No.4 middle school‘,
            age: 20,
            gender: ‘male‘,
        ;
        var name="kobe",gender = person
        console.log(name,gender)    //kobe male