ES6学习之旅-Day2(全程参考坏丶毛病的文章)

变量的解构赋值

数组篇

es6允许按照一定的模式从对象或者数组中取值,然后对变量进行赋值,这被称为解构赋值

const server={
	ip:127.0.0.1,
	port:3000
}

//常规写法
const ip=server.ip;
const port=server.port;

//解构赋值写法
const {ip,port}=server;
//举几个例子
let [x, ,y]=[1,2,3]
console.log(x,y);//1,3

let [sex,age]=[1]
console.log(sex,age)// 1,undefined

let [q,[w],e]=[1,[2,3],4]
console.log(q,w,e)//1,2,4

//如果等号右边不是数组(或者严格来说不是可遍历的结构),就会报错
let [t]=1
let [t]=false
let [t]={}

//解构赋值允许指定默认值
//ES6内部严格使用相等运算符===判断一个位置是否有值,如果一个数组成员不严格等于undefined,默认值是不会生效的


let [x,y = 'b'] = ['a']
console.log(x,y)//a,b

let [m,n='b']=['a',undefined]
console.log(m,n)//a,b

let [k=1]=[null]
console.log(k)//null:因为null不严格等于undefined,所以默认值不会生效

//默认值可以引用解构赋值的其他变量,但是该变量必须已经声明
let [ee=1,ff=ee]=[1,2]
console.log(ee,ff)//1,2

let [gg=hh,hh=1]=[]
console.log(gg,hh)//报错:因为gg用到默认值hh时,hh还没有声明
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值