javascript - 如何使用 Javascript 中的 Id 键用另一个数组的数据更新一个数组？

Question

我在 Javascript 中有两个数组，我需要使用 id 键用第二个数组的内容更新第一个数组。

我需要从数组中找到 id 并更新相同的对象。

由于 b 是单个对象的数组，因此我可以使用 b[0].id

const a = [{id: 1, name: 'test', data: 'yes'}, {id: 2, name: 'test 1'}]

const b = [{id: 1, name: 'sample', data: 'no'}, {id: 3, name: 'sample', data: 'no'}]

const output = [{id: 1, name: 'sample', data: 'no'}, {id: 2, name: 'test 1'}, {id: 3, name: 'sample', data: 'no'}]

任何帮助将不胜感激

Answer 1

您可以选择 Map并使用 a 和 b 属性映射新对象。

const
    a = [{ id: 1, name: 'test', data: 'yes' }, { id: 2, name: 'test 1' }],
    b = [{ id: 1, name: 'sample', data: 'no' }],
    map = new Map(b.map(o => [o.id, o])),
    result = a.map(o => Object.assign({}, o, map.get(o.id)));

console.log(result);

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

要获取包含所有项目的新数组，您可以对结果数组和 Map 进行闭包。

const
    merge = (target, map = new Map) => source => {
        var object = {};
        if (!map.has(source.id)) {
            map.set(source.id, object);
            target.push(object);
        }
        Object.assign(map.get(source.id), source);
    },
    a = [{ id: 1, name: 'test', data: 'yes' }, { id: 2, name: 'test 1' }],
    b = [{ id: 1, name: 'sample', data: 'no' }, { id: 3, name: 'sample', data: 'no' }],
    result = [],
    update = merge(result);

[a, b].forEach(a => a.forEach(update));

console.log(result);

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