在ES6中合并（不可变）数组

Question

我很困惑。

  const oldPosts = state.items; // -> [{id: 12, ... }, {id: 13, ... }]
  const newPosts = action.posts // -> [{id: 12, ...}];
  // what I want to have is [{id: 12, ... }, {id: 13, ... }] / "merged" 
  const iWantMerged = ...??

所以我的方法就是这样的

  const merged = [...newPosts, ...oldPosts]; 
  // ->  [{id: 13, ... }, {id: 12, ... }, {id: 13, ... }] 
  // and then remove the duplicated items.

所以有两个问题：

1. 这是正确的方法还是在ES6中有更好的方法？
2. 如果否：删除重复项的最佳方法是什么？