如何通过id与普通Javascript(ES6)合并两个json对象值

时间:2017-02-13 14:14:19

标签: javascript

我有两个Javascript对象数组,想要将具有相同“ObjID”的两个Javascript对象的属性合并到一个Javascript对象中。

例如:

// Array of Javascript Objects 1:
let request1 = [{"ObjId":174864,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":142},
{"ObjId":175999,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":149}]

// Array of Javascript Objects 2:
let request2 = [{"ObjId":174864,"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-034-1","MulExtentS":"jpg"},
{"ObjId":177791,"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-035-1","MulExtentS":"jpg"}]

使用相同ObjId的值合并到一个Javascript对象中(参见ObjID:174864),其余的(对象)保持不变:

let result = [{"ObjId":174864,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":142,
"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-034-1","MulExtentS":"jpg"},
{"ObjId":175999,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":149},
{"ObjId":177791,"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-035-1","MulExtentS":"jpg"}]

到目前为止我尝试了什么:

let request1 = [{"ObjId":174864,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":142},
{"ObjId":175999,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":149}]

let request2 = [{"ObjId":174864,"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-034-1","MulExtentS":"jpg"},
{"ObjId":177791,"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-035-1","MulExtentS":"jpg"}]

function joinObjects() {
  var idMap = {};
  for(let i = 0; i < arguments.length; i++) {
    for(let j = 0; j < arguments[i].length; j++) {
       let currentID = arguments[i][j]['ObjId'];
       if(!idMap[currentID]) {
          idMap[currentID] = {};
        }
       // Iterate over properties of objects in arrays
      for(key in arguments[i][j]) {
          idMap[currentID][key] = arguments[i][j][key];
      }
    }
  }

  // push properties of idMap into an array
  let newArray = [];
  for(property in idMap) {
    newArray.push(idMap[property]);
  }
  return newArray;
}

let result = joinObjects(request1, request2);

3 个答案:

答案 0 :(得分:3)

您可以使用MapObject.assign来合并对象。

var request1 = [{
    ObjId: 174864,
    ObjMutationD: "2010-07-09T00:00:00.000Z",
    ObjMitarbeiterS: "epf",
    ObjAufId: 142
  }, {
    ObjId: 175999,
    ObjMutationD: "2010-07-09T00:00:00.000Z",
    ObjMitarbeiterS: "epf",
    ObjAufId: 149
  }],
  request2 = [{
    ObjId: 174864,
    MulPfadS: "M:\\Originalbilder\\FGS\\95nn",
    MulDateiS: "9576.305-034-1",
    MulExtentS: "jpg"
  }, {
    ObjId: 177791,
    MulPfadS: "M:\\Originalbilder\\FGS\\95nn",
    MulDateiS: "9576.305-035-1",
    MulExtentS: "jpg"
  }];

var result = [...[request1, request2].reduce((m, a) => (a.forEach(o => m.has(o.ObjId) && Object.assign(m.get(o.ObjId), o) || m.set(o.ObjId, o)), m), new Map).values()];

console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }

答案 1 :(得分:0)

在ES6中,传播运营商将为您做到这一点

 var merged = {...request1[0], ...request2[0]};

更多信息: https://davidwalsh.name/merge-objects

答案 2 :(得分:0)

您可以使用 Lodash _.merge函数来实现。

// Array of Javascript Objects 1:
let request1 = [{"ObjId":174864,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":142},
{"ObjId":175999,"ObjMutationD":"2010-07-09T00:00:00.000Z","ObjMitarbeiterS":"epf","ObjAufId":149}]

// Array of Javascript Objects 2:
let request2 = [{"ObjId":174864,"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-034-1","MulExtentS":"jpg"},
{"ObjId":177791,"MulPfadS":"M:\\Originalbilder\\FGS\\95nn","MulDateiS":"9576.305-035-1","MulExtentS":"jpg"}]

var merged = _.merge(_.keyBy(request1, 'ObjId'), _.keyBy(request2, 'ObjId'));
var result = _.values(merged);
console.log(result);
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>