我有一个像这样的对象 a:
const a = {
user: {
…
groups: […]
…
}
}
因此，a.user 中有更多的属性。
我只想更改a.user.groups的值。如果我这样做：
const b = Object.assign({}, a, {
user: {
groups: {}
}
});
b除了b.user.groups之外没有其他属性，所有其他属性都被删除了。是否有ES6的方法可以使用Object.assign仅更改嵌套属性而不失去所有其他属性？
尝试了一些方法之后，我找到了一个看起来非常不错的解决方案：
const b = Object.assign({}, a, {
user: {
...a.user,
groups: 'some changed value'
}
});
const b = Object.assign({}, a)
本质上与以下代码相同：
const b = { ...a }
因为它只是将a (...a)的所有属性复制到一个新对象中。所以，上面的代码可以改写成：
const b = {
...a, //copy everything from a
user: { //override the user property
...a.user, //same sane: copy the everything from a.user
groups: 'some changes value' //override a.user.group
}
}
Object_assign的小函数（如果需要进行嵌套赋值，只需将.替换为_）。null对象时递归调用Object_assign来设置所有目标值。const target = {
a: { x: 0 },
b: { y: { m: 0, n: 1 } },
c: { z: { i: 0, j: 1 } },
d: null
}
const source1 = {
a: {},
b: { y: { n: 0 } },
e: null
}
const source2 = {
c: { z: { k: 2 } },
d: {}
}
function Object_assign (target, ...sources) {
sources.forEach(source => {
Object.keys(source).forEach(key => {
const s_val = source[key]
const t_val = target[key]
target[key] = t_val && s_val && typeof t_val === 'object' && typeof s_val === 'object'
? Object_assign(t_val, s_val)
: s_val
})
})
return target
}
console.log(Object_assign(Object.create(target), source1, source2))你特别要求使用ES6中的Object.assign方法，但是也许其他人更喜欢我的“通用”答案-你可以轻松地使用lodash实现，个人认为这个解决方案更易读。
import * as _ from 'lodash';
_.set(a, 'user.groups', newGroupsValue);
const b = Object.assign({}, a, {
user: Object.assign({}, a.user, {
groups: {}
})
});
b.user.groups，因为 user 在 b 和 a 之间是共享的。 - borovsky下面是更通用的解决方案。它仅在存在冲突（相同的键名）时才进行递归赋值。它解决了分配具有许多引用点的复杂对象的问题。
例如，在npm中用于嵌套对象分配的现有软件包nested-object-assign，由于它递归地遍历所有键，因此卡在了复杂对象分配上。
var objecttarget = {
a: 'somestring',
b: {x:2,y:{k:1,l:1},z:{j:3,l:4}},
c: false,
targetonly: true
};
var objectsource = {
a: 'somestring else',
b: {k:1,x:2,y:{k:2,p:1},z:{}},
c: true,
sourceonly: true
};
function nestedassign(target, source) {
Object.keys(source).forEach(sourcekey=>{
if (Object.keys(source).find(targetkey=>targetkey===sourcekey) !== undefined && typeof source[sourcekey] === "object") {
target[sourcekey]=nestedassign(target[sourcekey],source[sourcekey]);
} else {
target[sourcekey]=source[sourcekey];
}
});
return target;
}
// It will lose objecttarget.b.y.l and objecttarget.b.z
console.log(Object.assign(Object.create(objecttarget),objectsource));
// Improved object assign
console.log(nestedassign(Object.create(objecttarget),objectsource));if (Object.keys( source ).find( targetkey =>...改为：if (Object.keys( target ).find( targetkey => - sickoObject.assign()方法用于将一个或多个源对象的所有可枚举自身属性的值复制到目标对象中。它将返回目标对象。
assign方法将从源对象复制并创建一个新对象，如果您稍后更改源对象中的任何方法，新对象将不会反映这些更改。
请使用create（）方法
Object.create()方法使用指定的原型对象和属性创建一个新对象。
const b = Object.create(a)
b.user.groups = {}
// if you don't want the prototype link add this
// b.prototype = Object.prototype
通过原型将b链接到a，如果您对a进行任何更改，它将反映在b中，而对b进行的任何更改都不会影响a。
一个可以支持嵌套数组的工作版本
const target = {
var1: "...",
var2: {
nestVar1: "...",
nestVar2: [...]
}
}
const source = {
var2: {
nestVar3: { ... }
nestVar4: "...",
nestVar5: [...]
},
var3: "...",
var4: [...]
}
功能：
function objectAssign(target, source) {
Object.keys(source).forEach(sourceKey => {
if(Object.keys(source).find(targetKey => targetKey === sourceKey) !== undefined && typeof source[sourceKey] === "object") {
target[sourceKey] = objectAssign(target[sourceKey], source[sourceKey]);
} else if(!Array.isArray(source)) {
target[sourceKey] = source[sourceKey];
} else {
target = source;
}
});
return target;
}
那么
let newObj = objectAssign({}, target, source);
const object1 = {
abc: {
a: 1
}
};
const object2 = {
abc: {
b: 2
}
};
Object.assign(object1, {
abc: {
...object1.abc,
...object2.abc
}
});
console.log(object1);
// Object { abc: Object { a: 1, b: 2 } }
function NestedObjectAssign(target, source)
{
Object.keys(source).forEach(sourceKey =>
{
if (typeof source[sourceKey] === "object")
{
target[sourceKey] = NestedObjectAssign(target[sourceKey] || {}, source[sourceKey])
}
else
{
target[sourceKey] = source[sourceKey]
}
})
return target
}
var target =
{
stringTarget: "target",
stringCommon: "targetCommon",
nestedCommon:
{
target: 1,
common: 1,
nestedTarget:
{
target: 1,
common: 1
}
}
}
var source =
{
stringSource: "source",
stringCommon: "sourceCommon",
nestedCommon:
{
source: 2,
common: 3,
nestedSource:
{
source: 2,
common: 3
}
}
}
var t = NestedObjectAssign({}, target)
var s = NestedObjectAssign({}, source)
var targetSource = NestedObjectAssign(t, s)
console.log({ target })
console.log({ source })
console.log({ targetSource })我知道这是一个老问题，也有很多答案，但对于将来会看到这个问题的开发人员来说，有一个更简单的解决方案：我们需要将自定义对象转换为JSON对象。
解决方案：
JSON.parse(JSON.stringify(YourCustomObjectHere));
这将把您的自定义对象转换为JSON，然后重新解析为JSON对象。
希望这个答案能帮助所有遇到这个问题的开发人员，谢谢。
Object.assign应该完成的操作。它使用提供的新对象更改了user属性。如果这是您想要修改的唯一内容，为什么不直接执行b.user.groups = /* value */？ - taguenizy