您的位置 首页 java

「案例学习」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:'小明',
  age:'18',
  address:{
    province:'gd',
    city:'gz'
  }
}  

1.一般用法

 var {name,age} = person; // name='小明'; age=18;  
「案例学习」JS的解构赋值

1.验证

2.嵌套对象

 var {name,address:{city}}=person; // name='小明'; city='gz'  
「案例学习」JS的解构赋值

2.验证

3.别名

 var {name:username,age} = person; // username='小明'; age=18;  
「案例学习」JS的解构赋值

3.验证

4.默认值

 var {name,sex} = person; // username='小明'; sex=undefined;
var {name,sex='男'} = person; // username='小明'; sex='男';
  

4.验证

5.特殊情况

 var name,age;
{name,age}=person;//会报错 

//解决方法
( {name,age}=person )  
「案例学习」JS的解构赋值

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

5.验证

6.使用场景

1.值交换

 var a =1 ,b = 2;
var [ a , b ] = [ b , a ];//a=2 b=1  
「案例学习」JS的解构赋值

6.验证

说明:

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

文章来源:智云一二三科技

文章标题:「案例学习」JS的解构赋值

文章地址:https://www.zhihuclub.com/180531.shtml

关于作者: 智云科技

热门文章

网站地图