在 ImmutableJS 中，如何将新数组推送到 Map 中？

Question

如何使用 ImmutableJS 实现以下目标：

myMap.get(key).push(newData);

Answer 1

如果在键处引用的数组是普通 javascript 数组 - 那么您实际上会改变该值 - 因此您的代码将按预期工作（即 - myMap 将包含一个 mutable/mutated 数组在 'key' 处推入了 newData。）但是，这种方式违背了不变性的目的，因此我建议 myMap 中的键引用一个 Immutable.List。在这种情况下，您需要执行以下操作：

var newMap = myMap.set('key', myMap.get('key').push(newData))

Answer 2

您可以进行如下操作：（见此JSBin）

const myMap = Immutable.fromJS({
  nested: {
    someKey: ['hello', 'world'],
  },
});

const myNewMap = myMap.updateIn(['nested', 'someKey'], arr => arr.push('bye'));

console.log(myNewMap.toJS());
// {
//  nested: {
//    someKey: ["hello", "world", "bye"]
//  }
// }

由于 myMap 是不可变的，每当您尝试 set/update/delete 其中的某些数据时，它都会 return 对新数据的引用。因此，您必须将它设置为一个变量才能访问它（在本例中，myNewMap）。

在 ImmutableJS 中，如何将新数组推送到 Map 中？

In ImmutableJS, how to push a new array into a Map?

immutable.js