es6中的结构赋值

博客介绍了传统赋值方法,重点讲解ES6提供的新赋值方式,包括对象、数组赋值,以及嵌套复杂模式的赋值方式。还展示了通过解构赋值来获取字符串和数组的长度,体现了ES6在赋值操作上的便利性和灵活性。

1.传统的赋值方法:比如将数组b中的第二个数赋值给变量a, a=b[1],又或者将对象d里面的name所对应的值赋值给变量c:c = d.name

2.es6提供的新赋值方式:对象赋值:let {name} = {name:fury,age:19} console.log(name)//输出fury

数组赋值: let [a,b] = [1,2,3]  console.log(a,b)//输出1和2

3.嵌套复杂模式的赋值方式:

   数组:let[a,[b,c],d] = [1,[2,3],4]   console.log(a,b,c,d)//输出1 2 3 4而不是1 [2,3] 4

   对象: let boy = {

              student:{

                  name:'fury',

                  age: 18

              }

              let { student:{name}} = boy console.log(name)//输出fury

             let {student} = boy console.log(student)//输出{name:'fury', age: 18}

4.通过结构赋值来取字符串和数组的长度

   let a = ‘123’

   let {length:s} = s  console.log(s)输出3

   let a = [1,2,3]

   let {length:s} = a console.log(s) //输出3

   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值