换个思路修改数据结构中的键名

Posted 2021-01-22 yunnex-xw

在最近的一次开发中，用到了一个iview级联组件，不得不吐槽一下，这个组件对于数据格式要求比较严格，但整个项目的技术栈又选择了这个库，无奈只能改变返回的数据结构键名。

 

后端返回的数据结构：

　　

[
  {
    id: 1,
    name: "美容",
   childrenIndustryList: [ { id: 10, name: "护肤" } ]
 } 
] 

组件所需的数据格式：

[
  {
    value: 1,
    label: "美容",
   children: [
       {
          value: 10,
          label: "护肤"
       }   
    ]   
   }   
]

 

可看出数据格式是 一样的 ，但是要的属性名不同，那该怎么处理呢？  循环？？ 数据量大的数据，循环很慢，并且是嵌套循环，更慢。

以下是解决思路： 转换为字符串，并且在replace操作时，只对字符串查找了一次。

 

export const changeIndustry = (attach) => {
  if (attach.length === 0) return attach;
  const jsonString = JSON.stringify(attach);
  const mo = {
    id: ‘value‘,
    name: ‘label‘,
    childIndustryList: ‘children‘
  };
  const rs = jsonString.replace(/id|name|childIndustryList/g,function(me) {
    return mo[me];
  });
  return JSON.parse(rs);
}