码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 解构赋值

时间:2019-08-16 23:10:37      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:bsp   默认   efi   console   define   person   问题   amp   sid   

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

 

ES6 解构赋值

标签:bsp   默认   efi   console   define   person   问题   amp   sid   

原文地址:https://www.cnblogs.com/TreeCTJ/p/11366463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!