修改對象的值和修改對象的鍵(修改鍵和值)


修改值
法一
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']);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM