js实现两个数组对象，重复的属性覆盖，不重复的添加

function mergeArrays(arr1, arr2) {
    var merged = [];
    var propMap = {};

    // 遍历第一个数组，将属性添加到merged和propMap中
    for (var i = 0; i < arr1.length; i++) {
        var prop = arr1[i];
        merged.push(prop);
        propMap[prop.key] = prop;
    }

    // 遍历第二个数组，检查属性是否已存在于propMap中
    for (var j = 0; j < arr2.length; j++) {
        var prop = arr2[j];
        if (propMap.hasOwnProperty(prop.key)) {
            // 如果属性已存在，则覆盖
            var index = merged.indexOf(propMap[prop.key]);
            merged[index] = prop;
        } else {
            // 如果属性不存在，则添加
            merged.push(prop);
        }
    }

    return merged;
}

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

console.log(mergeArrays(arr1, arr2));