编辑
2023-03-23
ES6
0
请注意,本文编写于 609 天前,最后修改于 590 天前,其中某些信息可能已经过时。

目录

说明
数组(变量)的解构赋值
对象的解构赋值
嵌套对象的解构

说明

本质上是“模式匹配”,等号左右两边的模式相同,右边的值就会赋给左边的变量

数组(变量)的解构赋值

模式匹配,变量取值按顺序从左至右匹配,解构不成功则值为undefined

let [valuename1,valuename2] = [value1,value2]

对象的解构赋值

按照变量名匹配对象中的属性名,解构不成功的值为undefined

let {valuename1,valuename2} = {valuename1:value1,valuename2:value2}

使用Eg

let information = {name:"张三",age:"18",gender:"男"} function fn({name,age}) { //函数fn()的参数{name,age}在传入参数时会被解构为name,age console.log(name,age) } fn(information)//传递一个对象

嵌套对象的解构

使用冒号意味着解构等号右侧中某个对象的某些东西
Eg

let information = {name:"张三",age:"18",gender:"男",hobby:{movie:"run",interest:"computer"}} let {hobby:{interest}} = information

此时hobby未被解构

本文作者:RKLS

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!