javascript - ImmutableJS : merge two list of objects, 不复制它们

Question

假设我有以下内容:

var allFoods = Immutable.List();

var frenchFood = Immutable.List([
  {
  'type': 'french fries',
  'price': 3
  },
  {
    'type': 'petit gateau',
    'price': 40
  },
  {
    'type': 'croissant',
    'price': 20
  },
]);

var fastFood = Immutable.List([
  {
  'type': 'cheeseburger',
  'price': 5
  },
  {
  'type': 'vegan burger',
  'price': 20
  },
  {
  'type': 'french fries',
  'price': 3
  }
]);

我想合并两个列表，同时删除重复项(在本例中为炸薯条)，因此预期结果为:

{
'type': 'french fries', // keep the first french fries
'price': 3
},
{
  'type': 'petit gateau',
  'price': 40
},
{
  'type': 'croissant',
  'price': 20
},
  {
'type': 'cheeseburger',
'price': 5
},
{
'type': 'vegan burger',
'price': 20
}

我正在尝试的(不删除欺骗):

allFoods = frenchFood.concat(fastFood);
allFoods = allFoods.filter(function(item, pos) {
    return allFoods.indexOf(item) === pos;
});

返回合并的数组，但仍然重复。

我错过了什么？

Answer 1

const allFoods = frenchFood.concat(fastFood.filter((item) =>
   frenchFood.indexOf(item) < 0
));