变量的解构赋值

一、数组的解构赋值
从数组和对象中提取值,对变量进行赋值,这被称为解构(即等式右边必须为数组而非undefined,null,NAN)
从本质而言,这种写法也叫做模式匹配,只要左右两边的模式相同,左边的变量就会赋予右边给的值
例:

如果解构不成功,变量的值就等于undefined。

不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。这种情况下,解构依然可以成功。
如果等号的右边不是数组

等号右边的值,要么转为对象以后不具备 Iterator 接口(前五个表达式),要么本身就不具备 Iterator 接口(最后一个表达式)

默认值
解构赋值允许指定默认值。

注:只有当等式右边的数组成员必须为undefined,默认值才会生效

默认值可以引用解构赋值的其他变量

二、对象的解构赋值

与数组不同的是,数组必须按照索引的顺序依次取值,而对象的属性没有顺序,但赋值时属性必须和对象同名

对象的解构赋值,可以很方便地将现有对象的方法,赋值到某个变量。

解构也可以用于嵌套结构的对象。
对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者。

对象的解构赋值可以取到继承的属性
对象的结构赋值需要注意以下几点
1、如果将一个已经申明的变量结构赋值时

三、字符串的解构赋值
字符串解构赋值时,等式右边的字符串被转换成了一个类似数组的对象。

用途方法:
(1)交换变量的值

(2)从函数返回多个值
函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。

(3)函数参数的定义
解构赋值时函数参数可以用数组,或对象来表示一组参数

(4)提取 JSON 对象数据

(5)、遍历 Map 结构
任何部署了 Iterator 接口的对象,都可以用for…of循环遍历。
如果只想获取键名,或者只想获取键值,可以写成下面这样。

ES6阮一峰读书笔记第二章变量的解构赋值相关推荐

  1. ES6学习笔记03:变量的解构赋值

    ES6学习笔记03:变量的解构赋值 如果想从复杂数据结构(数组.对象)中获取某一个数据,可能需要大量的遍历操作才能完成.通过解构赋值,这一过程可以得到简化. 1.字符串的解构赋值 其实,Python也 ...

  2. C++Primer读书笔记----第二章变量和基本类型

    前段时间学习iphone开发,非常力不从心,很多C/C++的类库代码看不明白.大学的时候都学过C/C++,但是基本上忘光了,现在做C#开发,经常写出来一些性能低下的代码,究其原因就是原理掌握不扎实,乱 ...

  3. 《计算传播学导论》读书笔记——第二章文本分析简介

    <计算传播学导论>读书笔记--第二章文本分析简介 第一节 文本分析研究现状 常用文本挖掘技术 第二节 文本分析与传播学研究 (一)为什么文本挖掘技术逐渐受到传播学者的关注 (二)不同文本分 ...

  4. ES6阮一峰-----变量的解构赋值学习

    1.数组的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = ...

  5. ES6学习笔记二 新的声明方式和变量的解构赋值!

    新的声明方式 在ES5的时候,我们只有一个声明方式,var!但是在es6中,声明进行了扩展,我们加上ES5的var的申明方式,我们有了三种声明方式: var:它是variable的简写,可以理解成变量 ...

  6. ES6 | let 关键字 + const关键字 + 箭头函数 + rest参数 + 扩展运算符 ... + Symbol + 迭代器 + 生成器 + 变量的解构赋值 + 模板字符串

    目录 ECMASript 相关介绍 ECMASript 6 新特性 let 关键字 const关键字 变量的解构赋值 模板字符串 简化对象写法 箭头函数 => 参数默认值 rest参数 扩展运算 ...

  7. ES6的新特性(3)——变量的解构赋值

    变量的解构赋值 数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). let a = 1; let b = 2; le ...

  8. [ES6] 细化ES6之 -- 变量的解构赋值

    变量的解构赋值 解构赋值是什么 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值 var/let [变量名称1,变量名称2,...] = 数组或对象 本质上,这种写法属于"模式 ...

  9. ES6学习(二)—变量的解构赋值

    ES6学习(二)-变量的解构赋值 文章只列举了一部分 完整版请看阮一峰ES6入门教程 点我查看阮一峰ES6入门教程 一.数组的解构赋值 二.对象解构赋值 三.函数参数的解构赋值

  10. 最详细ES6教程_变量的解构赋值

    最详细ES6教程_变量的解构赋值 数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定 ...

最新文章

  1. mysql 批量更新数据类型
  2. lettuce--Advanced Redis client
  3. 史上最轻量​!阿里新型单元测试Mock工具开源了
  4. c语言文件加密异或操作,用异或算法实现文件的简单加密
  5. SAP CRM text Transfer mode
  6. 图标,专业设计师基本素材要件
  7. 51单片机冒泡排序_51单片机片外冒泡排序
  8. c语言源程序输入483应输出字符串384,2011年计算机二级C语言程序填空题及答案解析精选2...
  9. 一年多少钱_赴英读研一年多少钱?
  10. ToolTip特效 JavaScript 盗取厦门人才网的特效
  11. 通过Rman catalog 创建及管理Oracle数据库备份
  12. Java-API:java.util.ArrayList
  13. Freebsd-9.0 how to change default sound device
  14. Codejock Xtreme Calendar 最新版下载试用2021版本
  15. R语言安装包的几种方法
  16. c语言中的正号运算符,C语言 运算符
  17. mybatis mapper xml的学习详解
  18. CE修改器学习历程之下载、安装和汉化
  19. 太阳能无线充电系统设计
  20. 添加域后如何将域用户加入本地管理员组

热门文章

  1. UZCMS镜像站群-v5.4旗舰版
  2. 使用卡尔曼滤波器进行回声消除
  3. 安装系统、驱动相关软件下载地址
  4. 计算机重启后打印机无法连接不上,笔记本之前连上了打印机,重启路由后就连不上了,什么原因...
  5. 读书笔记《Redis入门指南》
  6. ISO7637-2瞬态浪涌波形详解
  7. 【GlobalMapper精品教程】009:DSM过滤植被和房屋并生成等高线案例教程
  8. 认识VBA------------------VBA基础
  9. Excel VBA员工培训从哪里开始
  10. 8 个经典的 HTML5 游戏及源码