js解构赋值实例(js解构是什么意思)

导语：「案例学习」JS的解构赋值

数组

1.一般用法

var [ a , b , c ] =[ 1 , 2 , 3 ]// a = 1; b = 2 ; c = 3

1.验证

2.嵌套数组

var [ a , [ d ,e ] ] = [ 4 , [ 5 , 6 ] ] // a = 4; d = 5; e = 6 ;

2.验证

对象

var person  = {  name:&39;,  age:&39;,  address:{    province:&39;,    city:&39;  }}

1.一般用法

var {name,age} = person; // name=&39;; age=18;

1.验证

2.嵌套对象

var {name,address:{city}}=person; // name=&39;; city=&39;

2.验证

3.别名

var {name:username,age} = person; // username=&39;; age=18;

3.验证

4.默认值

var {name,sex} = person; // username=&39;; sex=undefined;var {name,sex=&39;} = person; // username=&39;; sex=&39;;

4.验证

5.特殊情况

var name,age;{name,age}=person;//会报错 //解决方法( {name,age}=person )

5.验证

6.使用场景

1.值交换

var a =1 ,b = 2;var [ a , b ] = [ b , a ];//a=2 b=1

6.验证

说明：

本文根据廖雪峰js教程学习总结。推荐学习~

本文内容由小彤整理编辑！