首页 > 其他 > 详细

ES6 解构赋值

时间:2019-08-16 23:58:55      阅读:159      评论:0      收藏:0      [点我收藏+]

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 解构赋值

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!