欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6语法之解构赋值

程序员文章站 2022-07-16 21:53:42
...

1.对象的解构赋值

		   //ES5的取值
            var p = {
                name: '小张',
                age: 22,
                sex: '男'
            }

            //取出每个值
            var name = p.name; //小张
            var age = p.age; //22
            var sex = p.sex; //男

            //ES6解构赋值
            let j = {
                name2: '小李',
                age2: 21,
                sex2: '男'
            }

            //取出每个值
            let { name2, age2, sex2 } = j;

使用场景:


//使用场景
            let studio = {
                name: '小陈',
                age: 22,
                sex: '女',
                class: '1班',
                school: 'XX大学'
            }
            //当对象字段过多时,只取某一部分字段
            function studioBuild({ name, sex }) {
                this.name = name;
                this.sex = sex;

                this.fun = (value) => {
                    console.log(value);
                }

            }
            
            let cpn = new studioBuild(studio);
            cpn.fun(cpn.name);//小陈
            

2.数组的解构赋值


			 //2.数组的解构赋值
			let arr=[1,2,3,4,5];
            let [a,b,c,d]=arr;
            console.log(b);//2
            //如果取只取数组最后两个
            let [,,,c1,d1]=arr;
            console.log(d1);//5
            

使用场景


            //使用场景
            let datas=[7,8,9,10];

            //给函数添加多个可变的返回值
            function test(){
                return datas
            }
            
            //根据需求获取指定返回值
            let [res1]=test();
            console.log(res1);//7