不可变 JS OrderedMap：在给定键之后插入新条目

Question

我有一个 Immutable OrderedMap 如下：

pairs: Immutable.OrderedMap({"Key1":"Value1","Key2":"Value2","Key4":"Value4"})

我需要在 ["Key2":"Value2"] 之后动态插入 ["Key3":"Value3"]。

我以为

pairs.MergeIn(['Key2'],OrderedMap({"Key3":"Value3"}))  

将达到目的，但不起作用。

我试过了

const newPairs=Immutable.OrderedMap();
newPairs.forEach(function(value,key,map)){
   if(key=="Key4")
     newPairs.set('Key3','Value3')
   newPairs.set(key,value')
});     

但我知道这是一个无法运行的愚蠢代码，因为 newPairs 是不可变的，并且 newPairs 仍然是空的。 那么OrderedMap.addBefore(Key,key,value)有什么不可变的方式吗？

Answer 1

OrderedMap 保留了插入的顺序，因此您只需要创建一个新的OrderedMap 将值插入到正确的位置：

function printMap(map) {
  map.entrySeq().map(([key, val]) => console.log(key, val)).toJS()
}

function insertBefore(map, index, key, val) {
  return Immutable.OrderedMap().withMutations(r => {
    for ([k, v] of map.entries()) {
      if (index === k) {
        r.set(key, val)
      }
      r.set(k, v)
    }
 });
}


const o1 = Immutable.OrderedMap().set('key1', 'val1').set('key2', 'val2');
printMap(o1)

console.log('now insert before');
printMap(insertBefore(o1, 'key2', 'key1.1', 'val1.1'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.min.js"></script>