美文网首页
js高效修改对象数组里的对象属性名

js高效修改对象数组里的对象属性名

作者: 宏_4491 | 来源:发表于2020-10-14 10:23 被阅读0次

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

JSON.parse(JSON.stringify(data).replace(/name/g, 'new_name')) 
  //data为数组,name为修改前,new_name为修改

解释:1)JSON.stringify()把json对象转成json字符串;
2)使用正则的replace()方法替换属性名;
3)JSON.parse()把json字符串又转成json对象。
修改多个属性:当要修改多个属性名时,多次调用replace方法,可以链式调用。如下面说明

JSON.parse(JSON.stringify(data).replace(/name1/g, 'new_name1').replace(/name2/g, 'new_name2').replace(/name3/g, 'new_name3')...)   

相关文章

  • js高效修改对象数组里的对象属性名

    有些时候,我们前端从后端拿过来的JSON对象数据,某些字段并不是前端想要的,需要对一些字段名进行重命名。一般修改对...

  • 7,Python面向对象2

    保护对象的属性 如果有一个对象,当需要对其进行修改属性时,有2种方法 对象名.属性名 = 数据 ---->直接修改...

  • AppleScript-record对象

    理解类似于OC中的字典,js中的对象 创建 获取属性the 属性名 of 对象 设置属性 获取属性数量

  • 2018-01-18

    精细化设置对象属性的四个特征 在js中一切皆对象。对象是属性无序的集合,属性由属性名和属性值组成,属性值也都是对象...

  • 私有属性

    如果有一个对象,当需要对其进行修改属性时,有2种方法 ·对象名.属性名=数据---->直接修改 ·对象名.方法...

  • 2018-05-15 阶梯书包进行时

    完成测评;提升主要是js的,js也是可以面向对象的。。或者说页面可以完全靠js拼写修改claa属性。。jq获取对象...

  • JS 对象属性名排序

    用es6方法最方便,如下 举个栗子 --by Affandi ⊙▽⊙

  • js根据数组里的对象属性排序

  • JS 过滤数组里对象的某个属性

    需求:一串大数组,里面乱七八糟一堆属性。现在只需要其中两个属性,用这两个属性组成一个对象,重新得到一个新数组。新数...

  • 黑马程序员|前端教程:如何查找/获取DOM对象?

    DOM对象本质上是浏览器根据html标签生成的 JS对象,它的所有的标签属性都可以在这个JS对象上面找到,修改这个...

网友评论

      本文标题:js高效修改对象数组里的对象属性名

      本文链接:https://www.haomeiwen.com/subject/wpmipktx.html