修改对象属性名的两种方法

最新推荐文章于 2023-12-27 19:18:27 发布

臧小川

最新推荐文章于 2023-12-27 19:18:27 发布

阅读量7.2k

点赞数 4

分类专栏： JavaScript 文章标签： javascript

臧小川

本文链接：https://blog.csdn.net/chuan0106/article/details/120058788

版权

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

本文探讨了如何通过forEach和递归修改JavaScript对象数组，实现从旧格式（如userList到children）的转换，并展示了如何使用convertKey和copyTransFun函数。重点在于对象属性的名称调整和数据结构的优化。

摘要由CSDN通过智能技术生成

每天都能遇到奇奇怪怪的问题哈

修改前的数据

 let HouChen = [
      { name: '羽神', 年龄: 13, sex: '女', userList: [{ id: 1, Z_name: '钢铁侠' }] },
      { name: '少主', 年龄: 14, sex: '女', userList: [{ id: 2, Z_name: '蜘蛛侠' }] },
      { name: '刘备', 年龄: 15, sex: '女', userList: [{ id: 3, Z_name: '绿巨人' }] },
      { name: '关于', 年龄: 17, sex: '女', userList: [{ id: 4, Z_name: '美国队长' }] },
      { name: '老威', 年龄: 15, sex: '男', userList: [{ id: 5, Z_name: '冲锋侠' }] },
      { name: '村长', 年龄: 13, sex: '女', userList: [{ id: 6, Z_name: '峡谷先锋' }] }
    ]

通过forEach遍历

 function convertKey(arr, key) {
      let newArr = [];
      HouChen.forEach((item, index) => {
        let newObj = {};
        for (var i = 0; i < key.length; i++) {
          newObj[key[i]] = item[Object.keys(item)[i]]
        }
        newArr.push(newObj);
      })
      return newArr;
    }

    let HouChen2 = convertKey(HouChen, ['person', 'age', 'sex', 'children',]);

修改后的数据

      { person: '羽神', age: 13, sex: '女', children: [{ id: 1, Z_name: '钢铁侠' }] },
      { person: '少主', age: 14, sex: '女', children: [{ id: 2, Z_name: '蜘蛛侠' }] },
      { person: '刘备', age: 15, sex: '女', children: [{ id: 3, Z_name: '绿巨人' }] },
      { person: '关于', age: 17, sex: '女', children: [{ id: 4, Z_name: '美国队长' }] },
      { person: '老威', age: 15, sex: '男', children: [{ id: 5, Z_name: '冲锋侠' }] },
      { person: '村长', age: 13, sex: '女', children: [{ id: 6, Z_name: '峡谷先锋' }] }

通过递归可以修改对象数组中对象的属性名

 function copyTransFun(arr) {
      arr.forEach((item, value) => {
        if (item.name) {
          item.person = item.name;
          delete item.name;
        }
        if (item.Z_name) {
          item.Z_person = item.Z_name;
          delete item.Z_name;
        }
        if (item.userList) {
          item.children = item.userList;
          delete item.userList;
          if (item.children.length) {
            this.copyTransFun(item.children);
          }
        }

      });
    }
    copyTransFun(HouChen)

修改后的数据

      { person: '羽神', age: 13, sex: '女', children: [{ id: 1, Z_person: '钢铁侠' }] },
      { person: '少主', age: 14, sex: '女', children: [{ id: 2, Z_person: '蜘蛛侠' }] },
      { person: '刘备', age: 15, sex: '女', children: [{ id: 3, Z_person: '绿巨人' }] },
      { person: '关于', age: 17, sex: '女', children: [{ id: 4, Z_person: '美国队长' }] },
      { person: '老威', age: 15, sex: '男', children: [{ id: 5, Z_person: '冲锋侠' }] },
      { person: '村长', age: 13, sex: '女', children: [{ id: 6, Z_person: '峡谷先锋' }] }