解构赋值

2021-11-12 11:35:17 阅读：112 来源： 互联网

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

1.数组的解构

 1     //先定义一个数组
 2     const ARRAY = ['大', '中', '小']
 3     //声明三个变量，da,zhong,xiao,三个变量的值分别对应的是数组中对应位置的值
 4     let [da, zhong, xiao] = ARRAY
 5     console.log(da)//大
 6     console.log(zhong)//中
 7     console.log(xiao)//小
 8 
 9     //当然也可以忽略掉某些值
10     let[,,third]=ARRAY
11     console.log(third)//小

2.对象的解构

 1     //定义一个对象
 2     let zhao = {
 3         na: 'zhao',
 4         age: 21,
 5         zhiye: function () {
 6             console.log("IT")
 7         }
 8     }
 9     //用类似的方式将对象中的属性值提取出来
10     let { na, age, zhiye } = zhao;
11     console.log(na) // zhao
12     console.log(age) // 21
13     console.log(zhiye) // f(){console.log("IT")}
14     //然后可以调用这个解构出来的访问
15     zhiye()  //IT
16 
17     //当然也可以单独提取具体的某个属性值
18     //let {age}=zhao
19     // console.log(age)//21

标签：console,log,age,解构,zhao,let,赋值
来源： https://www.cnblogs.com/zhh-blogs/p/15543646.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

解构赋值