ES6--(5)解构:更方便的数据访问

解构为何有用?

    解构使得在 JS 中操作对象与数组变得更容易。使用熟悉的对象字面量与数组字面量语法,可以将数据结构分离并只获取你感兴趣的信息。对象解构模式允许你从对象中进行提取,而数组模式则能用于数组。

对象解构

    对象解构语法在赋值语句的左侧使用了对象字面量。

解构赋值

    解构赋值表达式的值为表达式右侧(在 = 之后)的值。也就是说在任何期望有个值的位置都可以使用解构赋值表达式。

    注意必须用圆括号包裹解构赋值语句,这是因为暴露的花括号会被解析为代码块语句,而块语句不允许在赋值操作符(即等号)左侧出现。

默认值

    当你使用解构赋值语句时,如果所指定的本地变量在对象中没有找到同名属性,那么该变量会被赋值为 undefined 。可以为其指定一个默认值。

赋值给不同的本地变量名

嵌套的对象解构

数组解构

解构赋值

互换值

默认值

嵌套的解构

剩余项

混合解构

参数解构

解构的参数是必需的

参数解构的默认值

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前面的话 我们经常定义许多对象和数组,然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性...
    sunnyghx阅读 4,101评论 0 0
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,700评论 0 13
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 8,113评论 3 37
  • 特别说明,为便于查阅,文章转自https://github.com/getify/You-Dont-Know-JS...
    杀破狼real阅读 3,633评论 0 0
  • 1 上周我去一互联网公司面试,成功的没被录用。 由于面试者比较多,等了一个小时才轮到我,这一个小时我一动不动稳稳的...
    茅头鹰阅读 4,858评论 0 1