我希望能够接受一个物体
const objectOriginal = {
nestedObject: {
someValue: 1
}
}
从上面创建一个新对象并将其值更改为
const newObject = {
nestedObject: {
someValue: 33
}
}
我有一个嵌套对象的大对象作为我的原始对象,我想创建一个基于这个原始的新对象。问题是我需要这两个对象不同,而不是来自同一个原型链。
为了解决这个问题,我创建了一个函数,将第一个对象转换为数组,过滤掉我需要更改的对象,更改值,推送到数组,然后创建一个新对象。
const originalObject = {
nested1: {
id: "nested1"
value: 1
},
nested2: {
id: "nested2"
value: 2
},
nested3: {
id: "nested3"
value: 3
}
}
const valueToChange = "nested1"
const createNewObject = (originalObject, valueToChange) => {
const originalObjectToArray = Object.values(originalObject)
const temporaryArray = originalObjectToArray.filter(object => object.id !== valueToChange)
const newNestedObject = {
id: valueToChange,
value: 33
}
temporaryArray.push(newNestedObject)
const newAndDifferentObject = {}
for (let obj of temporaryArray) {
newAndDifferentObject[obj.id] = obj
}
return newAndDifferentObject
}
这个解决方案有效,但我觉得必须有更好的方法来实现这个目标吗?如果我想创建一个新的不同的对象,我不应该(至少我希望不会)将它更改为一个数组只是为了将它更改回一个对象。任何建议将不胜感激。
我将使用Object.assign()。我们创建一个新的空对象,分配原始对象的所有原始属性,然后分配新的嵌套对象。该方法将负责用新的替换现有属性(在此处阅读更多:Merging Objects With Same Properties)。
const originalObject = {
nested1: {id: "nested1", value: 1},
nested2: {id: "nested2", value: 2},
nested3: {id: "nested3", value: 3}
};
const createNewObject = (originalObj, valToChange, newVal) =>
{
const newObj = {id: valToChange, value: newVal};
return Object.assign({}, originalObj, {[valToChange]: newObj});
};
// Example of replacements.
console.log(createNewObject(originalObject, "nested1", 33));
console.log(createNewObject(originalObject, "nested2", 99));
// Example of a new property (none of the original are replaced)
console.log(createNewObject(originalObject, "nested4", 44));
您甚至可以概括前面的方法来接受[valToChange, newVal]
类型的数组对,以创建具有多个更改的新object
:
const originalObject = {
nested1: {id: "nested1", value: 1},
nested2: {id: "nested2", value: 2},
nested3: {id: "nested3", value: 3}
};
const createNewObject = (originalObj, updateList) =>
{
let newObjs = updateList.reduce((acc, [k, v]) =>
{
acc[k] = {id: k, value: v};
return acc;
}, {});
return Object.assign({}, originalObj, newObjs);
};
console.log(createNewObject(
originalObject,
[["nested1", 33], ["nested2", 99], ["nested4", 44]]
));
您的问题是两个变量都指向同一个对象(浅层副本)。你正在做的是深层复制,有一种更简单的方法是使用JSON:
function jsonCopy(src) {
return JSON.parse(JSON.stringify(src));
}
将原始对象作为src传递,它会将其转换为JSON字符串并将其解析回对象,执行对象的深层复制并返回它。