ImmutableJS：合并两个对象列表，而不重复它们

假设我有以下内容：

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;
});

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

我缺少什么？

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