两种方法解决json数据中属性名key的修改

tree型数据分多层级菜单,只有在其中某一级使用了a这个变量名,在其他层级的数据结构中使用的是b这个变量名,需要将key值统一成a或者b

json数据:

let zf_jsonObj = [
  {
    name: '用户权限管理',
    children: [
      {
        name: '二级菜单',
        auth_item: [
          {
            name: '三级菜单',
            auth_item: []
          }
        ]
      }
    ]
  },
  {
    name: '管理人员设置',
    children: [
      {
        name: '二级菜单',
        auth_item: [
          {
            name: '三级菜单',
            auth_item: []
          }
        ]
      }
    ]
  }
]

方法一:使用正则来修改Tree型json数据中的key属性名:

/**
* params date  需要修改的json格式的数组
* params newKey  需要修改成的key值
* params oldKey  需要被修改的key值
*/
function changeTreeDate(zf_jsonObj, newKey, oldKey) {
  let str = JSON.stringify(zf_jsonObj);
  let reg = new RegExp(oldKey, 'g');
  let newStr = str.replace(reg, newKey);
  return JSON.parse(newStr);
}
let newJsonObj = changeTreeDate(zf_jsonObj, 'children', 'auth_item');
console.log(newJsonObj); // 输入结果见res1_1

方法二:使用递归,修改json格式中的key属性名

/**
* params date  需要修改的json格式的数组
* params newKey  需要修改成的key值
* params oldKey  需要被修改的key值
*/
function changeTreeDate(date, newKey, oldKey) {
    date.forEach(item => {
        if (item[newKey]&&item[newKey].length>0) changeTreeDate(item[newKey], newKey, oldKey);
        
        else if (item[oldKey]) {
            item[newKey] = item[oldKey];
            delete item[oldKey];
            if (item[newKey].length) changeTreeDate(item[newKey], newKey, oldKey);
        }
    })
}
changeTreeDate(zf_jsonObj, 'children', 'auth_item');
console.log(zf_jsonObj); // 输出结果见res1_1

两种方法解决json数据中属性名key的修改_第1张图片

你可能感兴趣的:(两种方法解决json数据中属性名key的修改)