不可变的 JS OrderedMap：在给定的 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)的不可变方式呢？

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>

不可变的 JS OrderedMap：在给定的 Key 之后插入一个新条目

Immutable JS OrderedMap: Insert a new entry after a given Key

javascript

ordered-map

immutable.js