Javascript Immutable.js与问题合并

我发现Immutable.js很有趣，并且在将对象与数组合并时遇到问题

我的合并功能是：

function singleTrackReducer(state = Immutable.Map(singleTrack), action) {
  switch (action.type){
    case AudioFormActions.CHANGE:
        return state.mergeDeepWith((prev, next) => next, action.entity);
    default:
      return state;
    }
}

我要合并到的对象如下所示：

const singleTrack = {
  songTitle: '',
  mainArtists: [],
  featuredArtists: [],
  releaseDate: '',
  primaryGenre: '',
  isExplicit: false,
  labelName:'',
  upCode: '',
  eanCode: '',
  isrcCode:'',
  copyRight: ''
};

我正在尝试更新mainArtists属性。。例如，我可以将几个艺术家添加到我的艺术家阵列并成功执行更新。但是，当我从数组中删除一个对象时，它似乎被以前的对象填充

例如，假设艺术家阵列为[drake、rihanna、tyga]

如果我用动作实体[drake，rihanna，tyga，john]调用函数，它会很好地更新，mainArtists属性将变为[drake，rihanna，tyga，john]

当我删除艺术家示例tyga时，数组是[drake，rihanna，john]

主要艺术家财产变成[德雷克、蕾哈娜、约翰、约翰]

---

有人能解释一下我如何解决这个问题吗？我想这段代码可以帮助您理解这个问题：

var Immutable = require('immutable');

console.log(
  Immutable.List(['a', 'b', 'c'])
    .mergeDeep(['a', 'c'])
);
// output: List [ "a", "c", "c" ]

console.log(Immutable.List(['a', 'b', 'c'])
  .mergeDeepWith((prev, next) => {
    console.log(`Conflict between ${prev} and ${next}.`);
    return next;
  }, ['a', 'c'])
);
// output: Conflict between a and a.
//         Conflict between b and c.
//         List [ "a", "c", "c" ]

基本上，在合并列表时，每个索引中的项目似乎都是从一个复制到另一个，如果该索引中已经有一个值，则视为冲突：

• 对于索引#0，第一个列表中有“a”，第二个列表中有“a”。我们通过选择第二个值来解决冲突（尽管在本例中它们是相同的）。所以索引#0得到“a”
• 然后我们转到索引#1，发现第一个列表有“b”，第二个列表有“c”。我们通过选择第二个值来解决冲突，因此索引#1得到“c”
• 现在对于索引#2，我们没有冲突，因为只有第一个列表有一个值。我们在索引#2中保留“c”，因此最后的列表是“a”、“c”、“c”

您可以改为使用集合，但它基本上执行联合操作，因此不会删除任何内容：

console.log(
    Immutable.Set(['a', 'b', 'c'])
        .mergeDeep(['a', 'c'])
);
// output: Set { "a", "b", "c" }

我认为你根本不想合并这个列表。。。我认为您只是想复制新值而不是旧值。如果是这种情况，可能您只是在寻找

merge

而不是

mergeDeep

：

var state = Immutable.Map({
  songTitle: '',
  mainArtists: [],
  featuredArtists: [],
  releaseDate: '',
  primaryGenre: '',
  isExplicit: false,
  labelName:'',
  upCode: '',
  eanCode: '',
  isrcCode:'',
  copyRight: ''
});

function doMerge(state, newState) {
  // no deep merge here, just copy whatever fields are present in newState
  return state.merge(newState);
}

console.log(state.get('mainArtists'));
// output: []

state = doMerge(state, {
  mainArtists: ['drake', 'rihanna', 'tyga']
});
console.log(state.get('mainArtists'));
// output: List [ "drake", "rihanna", "tyga" ]

state = doMerge(state, {
  mainArtists: ['drake', 'rihanna', 'tyga', 'john']
});
console.log(state.get('mainArtists'));
// output: List [ "drake", "rihanna", "tyga", "john" ]

state = doMerge(state, {
    mainArtists: ['drake', 'rihanna', 'john']
});
console.log(state.get('mainArtists'));
// output: List [ "drake", "rihanna", "john" ]