美文网首页
Es6的变量和结构赋值

Es6的变量和结构赋值

作者: 我詪快乐丶 | 来源:发表于2019-01-04 13:21 被阅读0次

Es6变量的基本语法


ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。

上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子

使用嵌套数组进行解构的例子。

如果解析不成功,变得的值就等于undefined

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

/*上面两个例子,都属于不完全解构,但是可以成功。*/

如果等号右边不是数组,严格的说是不可遍历的结构,那么将会报错

对于Set结构,也可以使用数组解构赋值

    

事实上,只要某种数据结构具有 Iterator 接口,都可以采用数组形式的解构赋值。

对象的解构赋值

                    对象的解构赋值跟数组的解构赋值有所不同,数组的元素是按次列排列的,变量的取值也是由他的位置决定的;而对象则不同 对象的属性没有次序,但是变量必须与属性同名才可以赋值;

上面代码的第一个例子,等号左边的两个变量的次序,与等号右边两个同名属性的次序不一致,但是对取值完全没有影响。第二个例子的变量没有对应的同名属性,导致取不到值,最后等于undefined。

相关文章

  • 变量的结构赋值

    合理使用ES6中变量的结构赋值会改变代码的整洁度和流畅性。 数组的结构赋值 1.如果结构赋值不成功,变量值就等于u...

  • ES6

    ##ES6 ### 一、解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为结构赋值,...

  • 2018-06-01解构赋值

    ##ES6 ### 一、解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为结构赋值...

  • 26

    ES6 一、解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为结构赋值,解构赋值主要...

  • JavaScript26

    ES6 一、解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为结构赋值,解构赋值主要...

  • js day26

    ES6 一、解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为结构赋值,解构赋值主要...

  • 二.变量的解构赋值

    变量的结构赋值 数组的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。 不完...

  • 【JS 之我不知道系列】ES6 解构赋值与模板字符串

    解构赋值 解构赋值,顾名思义,将结构解开赋值给变量 ES6 允许按照一定的模式,从数组和对象中提取值,对变量进行赋...

  • ES6学习笔记——解构赋值

    变量的结构赋值 数组的解构赋值 ES6允许从数组中提取值,按照对应的位置,对变量赋值。 如果解构不成功,变量的值就...

  • JS 几种常用的变量解构赋值方法

    一、简介 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为结构。 以前,为变量赋值,只能直...

网友评论

      本文标题:Es6的变量和结构赋值

      本文链接:https://www.haomeiwen.com/subject/vqrckqtx.html