js修改对象数组里的对象属性名(有参考其他大佬的)

有些时候,我们前端从后端拿过来的JSON对象数据,某些字段并不是前端想要的,需要对一些字段名进行重命名。一般修改对象数组的对象属性名,最简便的就是通过遍历对象数组的方法进行修改,但是用这个方法,如果处理的数据量很大,它的执行效率是非常低的。下面介绍一个更高效的方法,即通过正则的方法进行过滤修改。

JSON.parse(JSON.stringify(data).replace(/title/g, ‘name’)) //data为数组,title为修改前,name为修改后
let data=[
{ desc: ‘超清’,thumb:‘1’, code_url: ‘https://media.w3.org/2010/05/sintel/trailer.mp4’ },
{ desc: ‘高清’,thumb:‘2’, code_url: ‘http://vjs.zencdn.net/v/oceans.mp4’ },
{ desc: ‘标清’,thumb:‘3’, code_url: ‘https://media.w3.org/2010/05/sintel/trailer.mp4’ }]
方法1:
data.map(v=>{return {name: v.desc,url:v.code_url}})

方法2:
JSON.parse(JSON.stringify(data).replace(/name/g, ‘desc’).replace(/code_url/g, ‘url’))

解释:
1)JSON.stringify()把json对象转成json字符串;
2)使用正则的replace()方法替换属性名;
3)JSON.parse()把json字符串又转成json对象。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值