Javascript中的解构赋值
程序员文章站
2022-03-13 20:11:41
...
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);
可预设默认值
[a,b,c='JS'] =[1,2]; console.log(a,b,c);
可使用归并参数
[a,b,...c] =[1,2,3,5,6,66]; console.log(a,b,...c);
可省略部分参数
[,,c] =[1,2,3,5,6,66]; console.log(c);
3.对象解构
({id,name}={id:10,name:"手机"}); console.log(id,name);
推荐:《2021年js面试题及答案(大汇总)》
以上就是Javascript中的解构赋值的详细内容,更多请关注其它相关文章!
上一篇: css怎么让元素超出父元素
下一篇: css中定位属性是哪个
推荐阅读
-
javascript怎么去掉字符串中的逗号
-
体验js中splice()的强大(插入、删除或替换数组的元素)_javascript技巧
-
javaScript中cookie的使用
-
JS动态添加与删除select中的Option对象(示例代码)_javascript技巧
-
jQuery中的RadioButton,input,CheckBox取值赋值实现代码_PHP
-
IE6与IE7中,innerHTML获取param的区别_javascript技巧
-
JavaScript中:表达式和语句的区别[译]_javascript技巧
-
Visual Studio中js调试的方法图解_javascript技巧
-
图解JavaScript中的this关键字_javascript技巧
-
在JavaScript中实现类的方式探讨_javascript技巧