ES6中数组,对象,字符串的解构赋值

内容分享4小时前发布
0 0 0

数组解构赋值

赋值元素可以是任意可遍历的对象

ES6中数组,对象,字符串的解构赋值

左边的变量不仅可以是单纯的变量,也可以是对象的属性

ES6中数组,对象,字符串的解构赋值

解构赋值在循环体中很实用

ES6中数组,对象,字符串的解构赋值

同样是适用于map对象

ES6中数组,对象,字符串的解构赋值

当你不想给数组中的某些元素赋值时,可以跳过

ES6中数组,对象,字符串的解构赋值

可以使用 rest 来接受赋值数组的剩余元素,不过要确保这个 rest 参数是放在被赋值变量的最后一个位置上

ES6中数组,对象,字符串的解构赋值

如果数组的内容少于变量的个数,并不会报错,没有分配到内容的变量会是 undefined

ES6中数组,对象,字符串的解构赋值

当然你也可以给变量赋予默认值,防止 undefined 的情况出现:

ES6中数组,对象,字符串的解构赋值

对象解构赋值

解构赋值除了可以应用在 Array,也可以应用在 Object。基本的语法为:let {a, b} = {a: ss , b: dd }

ES6中数组,对象,字符串的解构赋值

赋值的过程中也是可以指定默认值的:

ES6中数组,对象,字符串的解构赋值

如果我们想象操作数组一样,只关心指定的属性,其他可以暂存到一个变量下,这就要用到 rest 运算符了

ES6中数组,对象,字符串的解构赋值

如果一个 Array 或者 Object 比较复杂,它嵌套了 Array 或者 Object,那只要被赋值的结构和右侧赋值的元素一致就好了

ES6中数组,对象,字符串的解构赋值

字符串解构赋值

可以当做是数组的解构:

ES6中数组,对象,字符串的解构赋值

© 版权声明

相关文章

暂无评论

none
暂无评论...