ES8语法:Object.values() Object.entries()——对象的key和value转化

Object.values()

Object.values()是一个与Object.keys()类似的新函数,但返回的是Object自身属性的所有值,不包括继承的值。

假设我们要遍历如下对象obj的所有值:
const obj = {a: 1, b: 2, c: 3};
不使用Object.values() :ES7
const vals=Object.keys(obj).map(key=>obj[key]);
console.log(vals);//[1, 2, 3]
使用Object.values() :ES8
const values=Object.values(obj1);
console.log(values);//[1, 2, 3]

Object.entries()

Object.entries()函数返回一个给定对象自身可枚举属性的键值对的数组。
接下来我们来遍历上文中的obj对象的所有属性的key和value:

不使用Object.entries() :ES7
Object.keys(obj).forEach(key=>{
	console.log('key:'+key+' value:'+obj[key]);
})
//key:a value:1
//key:b value:2
//key:c value:3
使用Object.entries() :ES8
for(let [key,value] of Object.entries(obj1)){
	console.log(`key: ${key} value:${value}`)
}
//key:a value:1
//key:b value:2
//key:c value:3

需求:语言包的key转换成value

例如:

let obj = {
	'中文':'cn',
	'英文':'en'
}
变成
let obj = {
	'cn':'cn',
	'en':'en'
}
tranform(obj: any) {
    let entries: any = Object.entries(obj);
    entries.forEach((item: any) => {
      item[0] = item[1];
    });
    let fromEntries: any = Object.fromEntries(entries);
    fromEntries = JSON.stringify(fromEntries);
    this.fromEntries = fromEntries;
  }

需求:新增弹窗关闭后清空数据

// 清空对象和验证条件
    clearObject(obj: any, refname: any) {
        Object.keys(obj).forEach(key => {
            obj[key] = '';
        });
        Utils.clearValidateForm(refname);
    }
    clearValidateForm() element-ui的清空表单验证方法
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值