es6解构赋值总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6解构赋值总结相关的知识,希望对你有一定的参考价值。

数组的解构赋值

1.简单的赋值方式

技术分享

2.多维数组解构赋值

技术分享

3.默认值,只有当右边对应位置为undefined时候才会选择默认(null不属于undefined)

技术分享

4.左右不对等,会相应的对号入座,没有的以undefined赋值

左边多于右边

技术分享

右边多余左边

 技术分享

对象赋值

1.普通赋值,对象右边的顺序可以打乱

技术分享

2.默认值赋值,同数组

技术分享

3.变量名和属性名不一致

技术分享

也就是说,对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者

4.圆括号的用法

如果在解构之前就已经定义了对象,解构需要加圆括号

技术分享

技术分享

字符串的解构

技术分享

 

以上是关于es6解构赋值总结的主要内容,如果未能解决你的问题,请参考以下文章

ES6新特性总结解构赋值模板字符串Symbol

3--面试总结-es6

ES6语法总结-变量的解构赋值

ES6 赋值好能手——解构赋值

ES6系列_3之变量的解构赋值

简单看看es6解构赋值