Как назначить во вложенном объекте Object.assign()?

Question

Мой главный объект выглядит следующим образом:

const obj = { 

    data: { 
     'Puppies' : [], 
     'Kittens': [] 
    } 
}; 

Я хочу, чтобы присвоить значение поля данных в data.Puppies [0].

Когда я пытаюсь сделать это с помощью Object.assign() Я получаю сообщение об ошибке:

Unexpected token, expected , (83:12) 

    81 | 
    82 |  return Object.assign({}, obj, { 
> 83 |   data.Puppies[0]: list 
    |   ^
    84 |  }); 
    85 | } 
    86 | 

Я не знаю, как я могу выполнить свою задачу. Мне нужно использовать Object.assign(), потому что мне нужно вернуть новый объект, а не оригинальный. Я делаю это из-за редуктора Redux в ReactJS.

Answer 1

ES6 путь без мутаций:

const obj = { 
 
    data: { 
 
     'Puppies' : [], 
 
     'Kittens': [] 
 
    } 
 
}; 
 

 
const data = Object.assign({}, obj.data, { 
 
       Puppies: [...obj.data.Puppies, 'newValue'] 
 
      });  
 
const newObject = Object.assign({}, obj, {data}); 
 
console.log(newObject);

Answer 2

Можно назначить внешний объект и присвоить массив новое содержимое индекса 0 без мутирует оригинальный obj.

const list = ['foo', 'bar']; 
 
const obj = { data: { Puppies: [], Kittens: [] } }; 
 

 
console.log(Object.assign({}, obj, { data: { Puppies: Object.assign([], obj.data.Puppies, { 0: list }) } })); 
 
console.log(obj);

То же самое с содержанием для Puppies.

const list = ['foo', 'bar']; 
 
const obj = { data: { Puppies: ['bar', 42], Kittens: [] } }; 
 

 
console.log(Object.assign({}, obj, { data: { Puppies: Object.assign([], obj.data.Puppies, { 0: list }) } })); 
 
console.log(obj);

Answer 3

Заменить Щенок с новым массивом с list как элементом 0 и остальные щенки, начиная с элементом 1, поэтому эффективно заменить элемент 0.

var obj = { data: { 'Puppies': [], 'Kittens': [] } }; 
var list = [ 'a', 'b' ]; 

var n = Object.assign({}, obj, { 
    data: Object.assign({}, obj.data, { 
    Puppies: [ list ].concat(obj.data.Puppies.slice(1)) 
    }) 
}); 

console.log(obj); 
console.log(n); 

Answer 4

Вы могли бы попробовать используя объектив Ramdajs для достижения этого

const obj = { 
    data: { 
     'Puppies' : [], 
     'Kittens': [] 
    } 
}; 

const list = [1,2,3,4]; 
const xlens = R.lensPath(['data', 'Puppies']) 
console.log(R.set(xlens, list, obj)) 

Here является кодом repel