学习es6_解构

Posted 鱼大饼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习es6_解构相关的知识,希望对你有一定的参考价值。

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

let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3
let [ , , third] = ["foo", "bar", "baz"];
third // "baz"

let [x, , y] = [1, 2, 3];
x // 1
y // 3

let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]

let [x, y, ...z] = [‘a‘];
x // "a"
y // undefined
z // []

ps:...z这种格式表示匹配的是数组  结构不成功就会被默认赋值undefined  

ps:这种解构,如果右边不是数组会报错

  

以上是关于学习es6_解构的主要内容,如果未能解决你的问题,请参考以下文章

ES6解构赋值

ES6-----学习系列二(解构赋值)

ES6解构

ES6标准学习: 2解构赋值

ES6学习 第二章 变量的解构赋值

es6学习 -- 解构赋值