Young87

SmartCat's Blog

So happy to code my life!

游戏开发交流QQ群号60398951

当前位置:首页 >跨站数据

使用ES6的Object清空对象值


在前端编译过程中,例如Vue,一个页面存在弹框,弹框中存在赋值对象,那么当我们赋值后关闭弹窗,这个对象并没有被重置或清空,当再次打开时,弹框中对象内容仍然存在,按照正常js的方法,我们会把对象的值一个一个还原,这就显得很麻烦,当然,单独写一个函数也未尝不可,但是ES6的出现,就使得处理起来简单很多了。

ES6的Object使用

# 初始化对象
let param = {
	id: '',
	name: '',
	age: 0,
	isManager: false,
	updateTime: new Date()
}
# 给对象赋值,这里就不演示了(页面上的操作)
# 使用Object.keys()函数将对象初始化到原始状态
```javascript
Object.keys(param).forEach(key => (
	switch (typeof param[key]) {
		case 'string':
			param[key] = '';
		case 'boolean':
			param[key] = false;
		case 'date':
			param[key] = new Date();
		case 'number':
			param[key] = 0;			
	}
))
# 特殊类型需要特殊处理的时候使用上述方法,如果没有特殊需求,则全部赋值为空字符串即可
Object.keys(param).forEach(key => param[key] = ''

顺便贴上js如果清空对象值方法

# 已赋值对象
let param = {
	id: '1',
	name: '2',
	age: 3,
	isManager: true,
	updateTime: new Date()
}
# 开始清空
for (let key in param) {
	param[key] = ''
}
# 具体初始化类型的逻辑和上面ES6的相同,就不赘述了

除特别声明,本站所有文章均为原创,如需转载请以超级链接形式注明出处:SmartCat's Blog

上一篇: Show Profile

下一篇: 飞桨领航团西安回顾|技术干货&大厂offer独家经验分享

精华推荐