Сравнение двух объектов для создания нового объекта

Question

У меня есть два массива объектов.Я хочу сделать следующее:

1. Сравнить два объекта
2. Если ключ (имя) и его значение совпадают, добавьте эти данные в data_1
3. Создайте3-й объект (data_3) с полными данными.

Два объекта, которые я хочу сравнить:

data_1 = [
           {name: "Mike", age: 30},
           {name: "Kelly", age: 25},
           {id: "A1", name: "Jack", age: 20}
         ]

data_2 = [
           {id: "A2", name: "Mike"},
           {id: "A3", name: "Kelly"}
         ]

Новый объект с полными данными:

data_3 = [
           {id: "A1", name: "Jack", age: 20}
           {id: "A2", name: "Mike", age: 30},
           {id: "A3", name: "Kelly", age: 25}}
         ]

Iпопробовал использовать Array.prototype.forEach() но не получается ...: (

Answer 1

data_1 = [{
    name: "Mike",
    age: 30
  },
  {
  	id:"A4",
    name: "Simon",
    age: 25
  },
  {
    id: "A1",
    name: "Jack",
    age: 20
  }
]

data_2 = [{
    id: "A2",
    name: "Mike"
  },
  {
    id: "A3",
    name: "Kelly"
  }
]
data_3 = [];
for (let i = 0, imax = data_1.length; i < imax; i++) {
  if (typeof data_2[i] != "undefined") { // this will check undefined index of different range
    if (typeof data_2[i].name != "undefined") { // this will check name attribute assume some times only get id and age prob if not remove this 
      if (data_1[i].name == data_2[i].name) { // this will compare 2 name if same merge it into 1 object
        let obj = extend(data_2[i], data_1[i]);
        data_3.push(obj) // then push to the array merged object
      }else{ // this else will push if name does not match but some id name bla bla..
      data_3.push(data_1[i]);
      }
    }
  } else { // this else will push if data_1 array longer than data_2 indexes values goes in here
    data_3.push(data_1[i]);
  }

}


// this function extend 2 object got
function extend(obj, src) {
  for (var key in src) {
    if (src.hasOwnProperty(key)) obj[key] = src[key];
  }
  return obj;
}
console.log(data_3)

Answer 2

Вы можете использовать map, some и find примерно так, с деструктуризацией, чтобы сделать это простым:

const data_1 = [{
    name: "Mike",
    age: 30
  },
  {
    name: "Kelly",
    age: 25
  },
  {
    id: "A1",
    name: "Jack",
    age: 20
  }
];

const data_2 = [{
    id: "A2",
    name: "Mike"
  },
  {
    id: "A3",
    name: "Kelly"
  }
];

function combineArrays(arr1, arr2) {
  let result = arr1.map(obj => {
    if (obj.name && obj.age && obj.id) return obj;
    if (arr2.some(({ id, name }) => obj.name == name)) {
      let { id, name } = arr2.find(e => obj.name == e.name);
      return {
        id,
        name,
        age: obj.age
      };
    }
  });
  return result.sort((a, b) => +a.id[1] - +b.id[1]);
}

const data_3 = combineArrays(data_1, data_2);

console.log(data_3);

Answer 3

Если вы хотите больше меньше кода.Вы можете использовать lodash

data_1 = [{name: "Mike", age: 30},{name: "Kelly", age: 25},{id: "A1", name: "Jack", age: 20}]
data_2 = [{id: "A2", name: "Mike"},{id: "A3", name: "Kelly"}]

let d1 = _.keyBy(data_1, 'name')
let d2 = _.keyBy(data_2, 'name')
let rs = _.merge(d1, d2)
console.log(_.values(rs))

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

Answer 4

Вы можете concat обоих массивов, а затем уменьшить это на основе имен.

let data_1 = [{name: "Mike", age: 30},{name: "Kelly", age: 25},{id: "A1", name: "Jack", age: 20}]
let data_2 = [{id: "A2", name: "Mike"},{id: "A3", name: "Kelly"}]

let merged = [...data_1,...data_2].reduce((op,{name,id,age}) => {
  if( op[name] ){
    op[name].id = id != undefined ? id : op[name].id
  } else {
    op[name] = {
      name,
      age,
      id: id!=undefined ? id : 'Not available'
    }
  }
  return op
},{})

console.log(Object.values(merged))