如何在javascript中合并基于相同键和值的两个对象数组？

const arr1 = [{ key: 'a', value: 1 }, { key: 'b', value: 2 }];
const arr2 = [{ key: 'a', value: 3 }, { key: 'c', value: 4 }];

const mergedArray = arr1.reduce((acc, obj) => {
  const existingObj = acc.find(item => item.key === obj.key && item.value === obj.value);
  if (existingObj) {
    existingObj.value += obj.value;
  } else {
    acc.push(obj);
  }
  return acc;
}, arr2);

console.log(mergedArray);

[
  { key: 'a', value: 4 },
  { key: 'b', value: 2 },
  { key: 'c', value: 4 }
]