根据id合并两个数组

问题

现给定两个数组 arr1 和 arr2 ，返回一个新的数组 joinedArray 。两个输入数组中的每个对象都包含一个 id 字段。

joinedArray 是一个通过 id 将 arr1 和 arr2 连接而成的数组。joinedArray 的长度应为唯一值 id 的长度。返回的数组应按 id 升序 排序。

如果一个 id 存在于一个数组中但不存在于另一个数组中，则该对象应包含在结果数组中且不进行修改。

如果两个对象共享一个 id ，则它们的属性应进行合并：

如果一个键只存在于一个对象中，则该键值对应该包含在对象中。

如果一个键在两个对象中都包含，则 arr2 中的值应覆盖 arr1 中的值。

示例 1：

输入：

arr1 = [
    {"id": 1, "x": 1},
    {"id": 2, "x": 9}
], 
arr2 = [
    {"id": 3, "x": 5}
]

输出：

[
    {"id": 1, "x": 1},
    {"id": 2, "x": 9},
    {"id": 3, "x": 5}
]

解释：没有共同的 id，因此将 arr1 与 arr2 简单地连接起来。

示例 2：

输入：

arr1 = [
    {"id": 1, "x": 2, "y": 3},
    {"id": 2, "x": 3, "y": 6}
], 
arr2 = [
    {"id": 2, "x": 10, "y": 20},
    {"id": 3, "x": 0, "y": 0}
]

输出：

[
    {"id": 1, "x": 2, "y": 3},
    {"id": 2, "x": 10, "y": 20},
    {"id": 3, "x": 0, "y": 0}
]

解释：id 为 1 和 id 为 3 的对象在结果数组中保持不变。id 为 2 的两个对象合并在一起。arr2 中的键覆盖 arr1 中的值。

示例 3：

输入：

arr1 = [
    {"id": 1, "b": {"b": 94},"v": [4, 3], "y": 48}
]
arr2 = [
    {"id": 1, "b": {"c": 84}, "v": [1, 3]}
]

输出：

[
    {"id": 1, "b": {"c": 84}, "v": [1, 3], "y": 48}
]

解释：具有 id 为 1 的对象合并在一起。对于键 "b" 和 "v" ，使用 arr2 中的值。由于键 "y" 只存在于 arr1 中，因此取 arr1 的值。

答案

var join = function(arr1, arr2) {
    const map=new Map();
    for(const obj of arr1) map.set(obj.id,obj);
    for(const obj of arr2){
        if(!map.get(obj.id)){
            map.set(obj.id,obj);
        }
        else{
            const objpre=map.get(obj.id);
            for(const key of Object.keys(obj)){
                objpre[key]=obj[key];
            }
        }
    }
    const res=new Array();
    for(const key of map.keys()){
        res.push(map.get(key));
    }
    res.sort((a,b)=>a.id-b.id);
    return res;
};

扩展

对象

JavaScript 允许动态地给对象添加新属性。

prevObj[key] = obj[key]会创建一个新属性（如果没有）或更新已有属性（如果有）。

这是 JS 的预期行为，不需要预定义属性结构。

let obj1 = {
    sex: 'girl',
};

let obj = {
    name: 'huang',
    age: 13,
};

obj[sex] = obj1[sex];  // 报错，❌ 这里的 sex 是未定义的变量

改成：

obj['sex']=obj1['sex'];

obj.sex和obj['sex']是等价的