使用ES6的Object清空对象值
日期: 2020-11-19 分类: 跨站数据 469次阅读
使用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
精华推荐