Использование Object.assign на объекте внутри объекта

Question

Как использовать Object.assign для обновления второго объекта в массиве allMsgs?

У меня есть:

let v = {
  allMsgs: [
    {
        a: 111,
        b: [],
    },

    {
        a: 222,
        b: [],
    }
  ]
}

Я хочу получить копию v, чтобы она была:

let v = {
  allMsgs: [
    {
        a: 111,
        b: [],
    },

    {
        a: 222,
        b: ['newItem],
    }
  ]
}

Как мне использовать Object.assign для этого?

Answer 1

Если цель не состоит в том, чтобы изменить исходный объект, то вы бы сделали это следующим образом:

let v = {
  allMsgs: [
    { a: 111, b: [] }, 
    { a: 222, b: [] }
  ]
};

let w = { allMsgs: Object.assign([...v.allMsgs], 
           { 1: Object.assign({}, v.allMsgs[1], 
               {b: ['newItem']} 
           )}
        )};

console.log('updated =', w);
console.log('original =', v);

Обратите внимание, что здесь первый объект в allMsgs все еще используется двумя объектами.Только тот, который вы хотели изменить, является (очевидно) отдельным.

В библиотеках, подобных immutable.js, есть хорошие методы для создания таких обновлений с использованием краткого синтаксиса.

Answer 2

Без Object.assign вы можете обратиться к массиву напрямую и нажать значение.

var v = { allMsgs: [{ a: 111, b: [] }, { a: 222, b: [] }] };

v.allMsgs[1].b.push('newItem');

console.log(v);

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

Answer 3

Просто выберите деталь, которую хотите обновить

let v = {
  allMsgs: [
    {
        a: 111,
        b: [],
    },

    {
        a: 222,
        b: [],
    }
  ]
};
 let vCopy = { allMsgs: v.allMsgs.map(msg => Object.assign({}, msg))};
vCopy.allMsgs[1] = Object.assign(vCopy.allMsgs[1], { b: ['newItem'] });

console.log('copy', vCopy);
console.log('actual', v);