es6为我们提供了一个非常好用的方法————解构赋值,解构赋值的好处是我们可以快速的把一个属性从对象或者数组中取出,并且赋值给我们的变量使用,举个简单的两个例子,首先声明一个对象a={name:‘boss’,age:‘32’};我们如果想要拿到age属性,按照es5之前的方式,需要声明一个变量b,并且让b=a.age;来完成取值赋值的过程,但是到了es6的时候我们可以直接声明一个变量b用解构赋值的方法直接获取a的age属性:let {age:b} = a;其中{age}=a;就是从a中将age属性取出,而age:b则是将age的值赋予b,如果不另外声明变量也是可以直接取得但是获取的原理其实就是{age:age} = a;即将age属性从a中取出,并且赋值给age变量,正常的简写则为{age} = a;除了对象外,数组也可以使用该方法,比如我要取数组的某一项时,可以直接let 【a】 = 【1】;这样a就被赋予了1 的值,如果是数组长度大于1,只想取某一个值,就可以用【,,a】= 【1,2,3】;这种取法取出指定的值,又或者使用索引来获取值,【3:a】 = 【1,2,3,4】;如果解构失败即没有拿到指定值和属性,就会返回undifend,解构赋值同样的可以使用默认值来代替解构失败的值,来方便我们进行操作,对于复杂对象,解构赋值也允许我们层层剖析解构,所以可以放心使用
小结
1. 解构赋值可以使用默认值或者直接结构使用
2. 数组对象函数都可以使用解构赋值
3.解构赋值运行复杂对象进行解构
ES6引入了解构赋值,这是一种从数组或对象中提取数据并将其分配给变量的便捷方式。不仅可以简化传统赋值过程,还能处理复杂对象,并支持默认值设定。本文深入解析解构赋值的使用技巧及应用场景。
253

被折叠的 条评论
为什么被折叠?



