【es6】对象解构赋值

es6中对象解构赋值:

代码

javascript 复制代码
let { foo: baz } = { foo: 'rose', bar: 'jeck' };
baz // "rose"

let obj = { first: 'tom', last: 'rose' };
let { first: f, last: l } = obj;
f // 'tom'
l // 'rose'

let { foo: baz } = { foo: 'rose', bar: 'jeck' }中的foo:baz部分,foo是匹配对象中属性名称foo,baz则是需要被赋值的变量。

对象赋值还可以用于嵌套的对象赋值:

代码:

javascript 复制代码
let obj = {
  p: [
    'rose',
    { y: 'jeck' }
  ]
};

let { p: [x, { y }] } = obj;
x // "rose"
y // "jeck"

let { p: [x, { y }] }中的p属于匹配对象中p属性,需要被赋值的变量为x、y。

下面给出另外一个模式匹配赋值,嵌套类型的。

javascript 复制代码
let obj = {
  p: [
    'rose',
    { y: 'jeck' }
  ]
};

let { p, p: [x, { y }] } = obj;
x // "roes"
y // "jeck"
p // ["rose", {y: "jeck"}]

let { p, p: [x, { y }] } = obj中的第一个p其实是p:p的简写,p: [x, { y }] 中的p是模式,匹配对象中属性p,然后将数组内的第一个值赋值给x,第二个值的y属性赋值给y,y也是y:y的简写。详细写法是:let { p:p, p: [x, { y:y }] } = obj

相关推荐
C_心欲无痕几秒前
Next.js 的服务端路由:对应api文件夹
开发语言·javascript·ecmascript
513495921 分钟前
在Vue.js项目中使用docx和file-saver实现Word文档导出
前端·vue.js·word
Leo July3 分钟前
【Java】Spring Cloud 微服务生态全解析与企业级架构实战
java·spring cloud
Marktowin20 分钟前
SpringBoot项目的国际化流程
java·后端·springboot
墨雨晨曦8828 分钟前
2026/01/20 java总结
java·开发语言
汤姆yu32 分钟前
基于springboot的直播管理系统
java·spring boot·后端
a努力。37 分钟前
虾皮Java面试被问:分布式Top K问题的解决方案
java·后端·云原生·面试·rpc·架构
Shirley~~41 分钟前
leetcode移除元素
javascript·数据结构·算法
黎雁·泠崖43 分钟前
Java字符串入门:API入门+String类核心
java·开发语言·python
AC赳赳老秦1 小时前
Prometheus + DeepSeek:自动生成巡检脚本与告警规则配置实战
前端·javascript·爬虫·搜索引擎·prometheus·easyui·deepseek