javascript - 不可变的 JS OrderedMap : Insert a new entry after a given Key

Question

我有一个不可变的 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) 有没有 Immutable 的方式呢？

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>