您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

ES6_变量的解构赋值

发布时间：2019-10-06 13:05:44编辑：雪饮阅读（）

对象解构

用let声明变量时可以一次性声明多个并且从对象中取出,需要注意声明的每个变量名要在对象中有同名属性名,若没有同名属性则会取得undefined

完全解构

         let obj={a:'a',b:'b',c:'c',d:'d',e:'e'};

         let {a,b,c,d,e}=obj;

         console.log(a,b,c,d,e);

局部解构

         let obj={a:'a',b:'b',c:'c',d:'d',e:'e'};

         let {a,b}=obj;

         let {c}=obj;

         let {d}=obj;

         let {e,f}=obj;

         console.log(a,b,c,d,e,f);

这里因为f变量在对象中没有,所以就导致输出结果为undefined

数组解构

和对象解构类似，如：

         let arr=['太','惆怅','愿望','凝成','一眼','尽寄','与这','未开海棠',1,2,3,7,8];

         let [a,b,c,d,e,f,g,h]=arr;

         console.log(a,b,c,d,e,f,g,h);

这里是按下标来对应的，如a对应下标0，b对应下标1。。。

仅取某个下标

         let arr=['太','惆怅','愿望','凝成','一眼','尽寄','与这','未开海棠',1,2,3,7,8];

         let [,,,,,,,h]=arr;

         console.log(h);

这里仅声明h变量对应‘未开海棠’的下标

解构应用

解构用在形参上，则方法内部可以直接使用该形参的属性名，在方法体内作为已存在的变量使用。

let obj={username:'dmj',age:24};

         function foo({username,age}){

                   console.log(username,age);

         }

         foo(obj);