解构赋值

Posted 每天都要进步一点点

tags:

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

1.数组解构

let [a,b,c,d] = [‘aa‘,‘bb‘,77,88]

嵌套数组解构

let [a,b,[c,d],e] = [‘aa‘,‘bb‘,[33,44],55]

空缺变量

let [a,b,,e] = [‘aa‘,‘bb‘,[33,44],55]

多余变量

let [a,b,,e,f] = [‘aa‘,‘bb‘,[33,44],55]

默认值

let [a,b,,e,f=‘hello‘] = [‘aa‘,‘bb‘,[33,44],55]

2.对象解构

let obj = new Object()

obj.uid = 111

obj.uname = ‘张三‘

obj.arr = [‘aa‘,‘bb‘]

let {uid:id,uname:name} = obj  // 顺序改变无影响

alert(name) //直接输出 值

小括号:

let uid,uname,arr,a,b,c  //定义键名

({uid,uname,arr:[a,b,c=‘ccc‘]} = obj)    // c 为默认值

 

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

React的 useState解构赋值怎么理解?

[JavaScript]解构赋值详解

JavaScript ES6 - 解构赋值

ES6-----学习系列二(解构赋值)

JavaScript ES6 - 解构赋值

JavaScript ES6 - 解构赋值