ES6-解构赋值

本文总结了ES6中的解构赋值用法,包括数组和对象的解构,详细阐述了如何获取对象属性、嵌套属性,重命名变量,设置默认值,以及在已声明变量情况下的解构赋值。
摘要由CSDN通过智能技术生成

ES6引入的解构赋值用法总结:

一句话记忆:使用变量替换掉数组或者对象中目标值的位置

1、数组

{
	let [x, y, z] = ['a', 'b', 'c'];
	console.log(x, y, z); //a b c
} {
	let [, , z] = ['a', 'b', 'c'];
	console.log(z); //c
} {
	let [x, [y, z]] = ['a', ['b', 'c']];
	console.log(x, y, z); //a b c
}

2、对象

获取对象:

let person = {
		name: '小明',
		age: 20,
		gender: 'male',
		passport: 'G-12345678',
		school: 'No.4 middle school',
		address: {
			city: 'Beijing',
			street: 'No.1 Road',
			zipcode: '100001'
		}
	}; 

1、解构赋值时获取对象属性

{ //第一种 解构赋值时获取对象属性
		let {
			name,
			age,
			passport
		} = person;
		console.log(name, age, passpo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值