首页 > 其他 > 详细

初识ES6 解构

时间:2017-02-15 12:33:30      阅读:129      评论:0      收藏:0      [点我收藏+]

1.数组的解构

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

例子:

let [a, b, c] = [1, 2, 3];

console.log(a);//1
console.log(b)://2
console.log(c)://3

上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。

本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。

2.对象的解构

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

let {foo,bar}={bar:‘aaa‘,foo:‘bbb‘};

console.log(foo);//aaa

console.log(bar);//bbb

3.字符串解构

字符串也可以解构赋值。这是因为此时,字符串被转换成了一个类似数组的对象。

const [a,b,c,d,f]=‘hello‘;

console.log(a);//h

console.log(b);//e

console.log(c);//l

console.log(d);//l

console.log(e);//o

 

初识ES6 解构

原文:http://www.cnblogs.com/daiwenru/p/6400706.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!