修改数组对象的属性(key)名

方法一:

 var array = [
        {id: 1,name: "小明"},
        {id: 2,name: "小红"},
      ];
      /**/
      //旧key到新key的映射
      var keyMap = {id: "value",name: "label"};

      for (var i = 0; i < array.length; i++) {
        var obj = array[i];
        for (var key in obj) {
          var newKey = keyMap[key];
          if (newKey) {
            obj[newKey] = obj[key];
            delete obj[key];
          }
        }
      }
      console.log(array);

方法二:

let arr = [
        { evaluateResult: "A类", evaluateTotal: 22, a: 1 },
        { evaluateResult: "B类", evaluateTotal: 22, b: 2 },
      ];
      let keyMap = { evaluateResult: "name", evaluateTotal: "value" };
      arr.map((item) => {
        var objs = Object.keys(item).reduce((newData, key) => {
          let newKey = keyMap[key] || key;
          newData[newKey] = item[key];
          return newData;
        }, {});
        console.log(objs);
        //{name: "A类", value: 22, a: 1}
        //{name: "B类", value: 22, b: 2}
      });

方法三es6:

this.categoryOption = res.data.map(item => {
          return {
            value: item.id,
            label: item.name,
            children: item.sonList.map(sonItem => {
              return {
                value: sonItem.id,
                label: sonItem.name
              };
            })
    console.log(this.categoryOption);

方法四:递归

 //后端返回数据,我想把lable,sonLable换成title,sonList换成children
 var obj = {
        code: "00",
        message: "获取成功",
        data: [
          {
            id: 1,
            lable: "老师",
            sonList: [
              {
                sonId: 11,
                sonLable: "老师初级",
              },
              {
                sonId: 12,
                sonLable: "老师中级",
              },
              {
                sonId: 13,
                sonLable: "老师高级",
              },
            ],
          },
          {
            id: 2,
            lable: "学生",
            sonList: [
              {
                sonId: 1,
                sonLable: "学生初级一级",
              },
              {
                sonId: 2,
                sonLable: "学生初级二级",
              },
              {
                sonId: 3,
                sonLable: "学生初级三级",
              },
            ],
          },
          {
            id: 3,
            lable: "考官",
            sonList: [
              {
                sonId: 14,
                sonLable: "考官初级",
              },
              {
                sonId: 15,
                sonLable: "考官中级",
              },
              {
                sonId: 16,
                sonLable: "考官高级",
              },
            ],
          },
        ],
      };
      //处理数据
      function fn(arr) {
        var ary = [];
        arr.forEach((item) => {
          var obj = {};
          for (var k in item) {
            if (k == "lable" || k == "sonLable") {
              obj.title = item[k];
            } else if (k == "sonList") {
              // obj.children = [...item[k]];
              obj.children = fn(item[k]);
            } else {
              obj[k] = item[k];
            }
          }
          ary.push(obj);
        });
        return ary;
      }
      var newObj = fn(obj.data);
      console.log(newObj);

又例如:把如下data1的key名称修改成data2中的key名称

data1: [ { appName: '应用1', capacity: 233456 }, { title: '应用2', key: 124535 }] 
 
data2: [ { name: '应用1', value: 233456 }, { name: '应用2', value: 124535 } ]
//方法
convertKey (arr, key) {
  let newArr = [];
  arr.forEach((item, index) => {
    let newObj = {};
    for (var i = 0; i < key.length; i++) {
      newObj[key[i]] = item[Object.keys(item)[i]]
    }
    newArr.push(newObj);
  })
  console.log(newArr)
  return newArr;
}
 
let data2 = convertKey(data1, ['name', 'value']);
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

C+ 安口木

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值