es6解构赋值

雨燕双飞 提交于 2020-01-11 01:24:22

es6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为 解构 解构赋值,左右结构必须一样,使用左边定义的值,快速的取出数据中对应 的数据值,而且 定义和赋值必须放到一起,不然的话就会报错,取不出来数据 值,而且左边也必须是一个js存在数据结构不然的话也会报错,解构赋值的主 要作用还是,快速的让我们在数据中抓取出我们想要的数据。

<script type="text/javascript">
		//数组的解构赋值
		let arr = ["hello","react","vue","微信小程序"];
		let [a,b,c,d] = arr;
		console.log(c);//输出的是 vue
		
		let arr2 = [1,[2,[3]]];
		let [a2,[b2,[c2]]] = arr2;
		console.log(b2);//输出的是2
		
		
		
		//对象的解构赋值
		let obj = {id:123,title:"hello"}
		var {id,title} = obj;
		console.log(title);//输出的是 hello
	</script>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!