es6的变量解构赋值

最新推荐文章于 2024-10-15 18:49:00 发布

进击的小野马

最新推荐文章于 2024-10-15 18:49:00 发布

阅读量133

点赞数

分类专栏： es6 文章标签： es6

本文链接：https://blog.csdn.net/mab_1994/article/details/114751104

版权

es6 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。

解构赋值：按照相同的结构给对应的值

        {
            let a = 2;
            let b = 3;
            let t;
            t= a;
            a=b;
            b=t;
            //a b 值互相交换
            //let [a,b]= [3,2];
            console.log(a,b);

            let [q,w,e] = [1,2,3];
            
            console.log(q,w,e);//1 2 3

        }

…扩展运算符拆分集合

 {
 let a=[1,2,3];
            let b=[...a];  //1,2,3
            b[0]=0;
            console.log(a);//1 2 3
 }

对象解构赋值对象里面找不到对应的属性也是undefined

let {id,name}={id:10086,name:"张三"};
            console.log(id,name);
            //对象里面找不到对应的属性也是undefined
            let {id,name,sex}={id:10086,name:"张三"};
            console.log(sex);//undefined

数组和对象解构混合

let {id,name,hobby}={id:10086,name:'等等',hobby:[1,2,3]}
            console.log(hobby);

函数形参解构赋值

function method([a,b,...c])
            {
                console.log(a,b,c);
            }

            method([1,2,3,4,5,6]);
            [[1,2],[3,4]].map(function ([a,b],index){
                    console.log(a,b,index);
            });