【发布时间】：2023-02-13 03:09:00
【问题描述】：
我在更新数组中的项目时遇到问题。
我通过更改流、更新的集合项从 mongodb 接收。 这些对象需要与包含数组的现有对象合并。
以下示例说明了核心问题是什么（最小化）：
const data = {
name: "Name1",
desc: "Description",
values: [{
key: "key1",
value: null,
desc: "desc 1"
}, {
key: "key2",
value: true,
desc: "desc 2"
}]
};
// log original data
console.log(data);
// update object coems from mongodb via change stream
const update = {
desc: "New Description",
values: [{
key: "key1",
value: true
}, {
key: "key2",
value: false
}]
};
// update mechanism
Object.assign(data, update);
// display updated data
console.log(data);
Object.assign 的问题是，原始数据中的.values 数组被覆盖而不是合并。
我需要一个合并每个对象的函数，无论对象是否在数组中。这必须递归工作，无论嵌套如何。
我想出了一个看起来像这样的函数：合并.js
function merge(target, source) {
let loop = (dst, src) => {
if (src instanceof Object) {
Object.keys(src).forEach((key) => {
if (src[key] instanceof Array) {
dst[key] = src[key].map((item, i) => {
return Object.assign(dst[key][i], item);
});
} else if (src[key] instanceof Object) {
loop(dst[key], src[key]);
} else {
dst[key] = src[key];
}
});
} else {
throw new TypeError(`src is not a instance of object`)
}
};
loop(target, source);
}
最小可重现示例：
const util = require("util");
const _merge = require("./merge.js");
const data = {
name: "Name1",
desc: "Description",
config: {
foo: "bar"
},
values: [{
key: "key1",
value: null,
desc: "desc 1",
services: [{
name: "http",
port: 80,
connections: []
}]
}, {
key: "key2",
value: true,
desc: "desc 2",
services: [
{
name: "http",
port: 80,
connections: []
}, {
name: "ws",
port: 8080,
connections: []
}
]
}]
};
// log original data
console.log(data);
// update object coems from mongodb via change stream
const update = {
desc: "New Description",
config: {
foo: "baz"
},
values: [{
key: "key1",
value: true,
desc: "new Descipriotn",
}, {
key: "key2",
value: false,
services: [{
name: "https",
port: 443
}, {
name: "ws",
port: 8433
}]
}]
};
// update mechanism
//Object.assign(data, update);
_merge(data, update);
// display updated data
console.log(util.inspect(data, false, 10, true));合并函数的问题是，当一个属性存在于像connection这样的数组中的原始对象中时，更新目标中不存在该属性。
输出：
{
name: 'Name1',
desc: 'New Description',
config: { foo: 'baz' },
values: [
{
key: 'key1',
value: true,
desc: 'new Descipriotn',
services: [ { name: 'http', port: 80, connections: [] } ]
},
{
key: 'key2',
value: false,
desc: 'desc 2',
services: [ { name: 'https', port: 443 }, { name: 'ws', port: 8433 } ]
}
]
}
如您所见，在服务数组中，缺少“连接”属性。 我需要在我的合并函数中更改什么以保留原始目标对象的所有属性，同时合并更新数据中的所有递归内容？
编辑：什么时候在 merge.js 这部分交换：
dst[key] = src[key].map((item, i) => {
return Object.assign(dst[key][i], item);
});
和：
src[key].forEach((item, i) => {
loop(dst[key][i], item);
});
我得到我想要的输出：
{
name: 'Name1',
desc: 'New Description',
config: { foo: 'baz' },
values: [
{
key: 'key1',
value: true,
desc: 'new Descipriotn',
services: [ { name: 'http', port: 80, connections: [] } ]
},
{
key: 'key2',
value: false,
desc: 'desc 2',
services: [
{ name: 'https', port: 443, connections: [] },
{ name: 'ws', port: 8433, connections: [] }
]
}
]
}
编辑/发现错误：
使用给定的输入（添加了充满字符串的数组），它会产生一个奇怪的输出并将字符串转换为一个对象。
const update = {
desc: "New Description",
config: {
foo: "baz"
},
values: [{
key: "key1",
value: true,
desc: "new Descipriotn",
}, {
key: "key2",
value: false,
services: [{
name: "https",
port: 443
}, {
name: "ws",
port: 8433
}]
}],
labels: [
"manufacturer=shelly",
"foo=bar",
"foo=baz"
]
};
Output:
```js
{
name: 'Name1',
desc: 'New Description',
config: { foo: 'baz' },
values: [
{
key: 'key1',
value: true,
desc: 'new Descipriotn',
services: [Array]
},
{ key: 'key2', value: false, desc: 'desc 2', services: [Array] }
],
labels: [
{
'0': 'm',
'1': 'a',
'2': 'n',
'3': 'u',
'4': 'f',
'5': 'a',
'6': 'c',
'7': 't',
'8': 'u',
'9': 'r',
'10': 'e',
'11': 'r',
'12': '=',
'13': 's',
'14': 'h',
'15': 'e',
'16': 'l',
'17': 'l',
'18': 'y'
},
{
'0': 'f',
'1': 'o',
'2': 'o',
'3': '=',
'4': 'b',
'5': 'a',
'6': 'r'
},
{
'0': 'f',
'1': 'o',
'2': 'o',
'3': '=',
'4': 'b',
'5': 'a',
'6': 'z'
}
]
}
它应该保留数组字符串并且不要弄乱它们。
【问题讨论】：
标签： javascript node.js arrays merge