Javascript中的解构赋值-木庄网络博客

本文摘自PHP中文网，作者逆旅行人，侵删。

ES6之前，两个变量之间交换值需要引入第三方的变量，而ES6引入了解构赋值，使得代码书写上更加简洁且易读。

1.变量值进行交换

let a=10,b=20;
console.log(a,b);
[a,b]=[b,a];
console.log(a,b);

2.数组解构

// 等号左边是右边的模板,必须一样
       let [a,b,c] =[1,2,3];
       console.log(a,b,c);

可预设默认值

1 2	`[a,b,c='JS'] =[1,2];` `console.log(a,b,c);`

可使用归并参数

1 2	`[a,b,...c] =[1,2,3,5,6,66];` `console.log(a,b,...c);`

可省略部分参数

1 2	`[,,c] =[1,2,3,5,6,66];` `console.log(c);`

3.对象解构

1 2	`({id,name}={id:10,name:"手机"});` `console.log(id,name);`

推荐：《2021年js面试题及答案（大汇总）》

以上就是Javascript中的解构赋值的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者