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

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

修改前的数据

 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: '峡谷先锋' }] }
    ]
  1. 通过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: '峡谷先锋' }] }
  1. 通过递归 可以修改对象数组中对象的属性名
 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: '峡谷先锋' }] }

猜你喜欢

转载自blog.csdn.net/chuan0106/article/details/120058788