修改对象的值和修改对象的键(修改键和值)

修改值
法一
let obj = {
a : '1',
b : '2',
c : '3'
}

Object.keys(obj).forEach(key=>{obj[key]=''})

console.log(obj)

法二 参数分别是对象 键key 值value
this.$set(this.dynamicForm,headMatchArr[i],'')


修改键
法一 改普通对象的键
 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);

法二 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);

法三:

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) => { //获取键作为数组 第一个参数newData是初始值,为{}, 旧key赋值给新newKey
          let newKey = keyMap[key] || key;
          newData[newKey] = item[key]; //旧值赋值给新key的值
          return newData;
        }, {});
        console.log(objs);
        //{name: "A类", value: 22, a: 1}
        //{name: "B类", value: 22, b: 2}
      });


//返回数组形式
    let arr = [
{ evaluateResult: "A类", evaluateTotal: 22, a: 1 },
{ evaluateResult: "B类", evaluateTotal: 22, b: 2 },
];
let newArr = []
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);
newArr.push(objs)
/*输出结果*/
//{name: "A类", value: 22, a: 1}
//{name: "B类", value: 22, b: 2}
});
console.log(newArr)
/* 结果: (2) [{…}, {…}]
0: {name: "A类", value: 22, a: 1}
1: {name: "B类", value: 22, b: 2}
length: 2*/

方法四:递归 处理后端返回的数据

 //后端返回数据,我想把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']);

 

posted @ 2022-04-08 11:39  前端白雪  阅读(1846)  评论(0编辑  收藏  举报