首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS中数组解构赋值4

JS中数组解构赋值4

作者头像
贵哥的编程之路
发布2020-10-28 15:27:04
10.8K0
发布2020-10-28 15:27:04
举报
//什么是数组的解构赋值?
		//es6新增的
		//注意点:
		/*let arr=[1,3,5];
		//let a=arr[0];
		//let b=arr[1];
		//let c=arr[2];
		let [a,b,c]=arr;
		//意思是:arr的下标从0 1 2开始依次赋值给a,b,c
		console.log("a= "+a);
		console.log("b= "+b);
		console.log("c= "+c);
		*/
在这里插入图片描述
在这里插入图片描述

第二点:在数组的解构赋值中,左右两边的格式要一模一样,才能解构赋值的哈

		let [a,b,c]=[1,3,[2,4]];
		console.log("a = " + a);
        console.log("b = " + b);
        console.log("c = " + c);
在这里插入图片描述
在这里插入图片描述
let [a,b,[c,d]]=[1,3,[2,4]];
		console.log("a = " + a);
        console.log("b = " + b);
        console.log("c = " + c);
        console.log("d = " + d);
在这里插入图片描述
在这里插入图片描述

这里,c与d是按照顺序赋值的哈…

//在数组的结构赋值中,左边的个数可以和右边的个数不一样.
		let [a,b]=[1,3,5];
		console.log("a = " + a);
        console.log("b = " + b);
        // 2.3在数组的解构赋值中, 右边的个数可以和左边的个数不一样
        console.log("==================================");
        let [c,d,e]=[1];
        console.log("a = " + c);
        console.log("b = " + d);
        console.log("c = " + e);

//没有值使用默认值为undefined.
在这里插入图片描述
在这里插入图片描述
//在数组的解构赋值中,如果左边的多过右边的, 那么我们可以给左边指定默认值
		let [a,b=666,c=8880]=[1];
		console.log("a = " + a);
        console.log("b = " + b);
        console.log("c = " + c);

// 2.5在数组的解构赋值中, 如果右边的多过左边的, 那么如果设置默认值会被覆盖
let [e,f=666]=[1,3,5];
 console.log("e = " + e);
        console.log("f = " + f);
在这里插入图片描述
在这里插入图片描述
 // 2.7在数组的解构赋值中, 如果使用了扩展运算符, 那么扩展运算符只能写在最后
        // ES6中新增的扩展运算符: ...
        let [a,...b]=[1,3,5];
        
console.log("a = " + a);
        console.log(b);
在这里插入图片描述
在这里插入图片描述

…是数组的扩展运算符哈,es6

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-07-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档