如何合并两个含重复值的数组并得到无重复数组？

嘿，这个问题在日常开发里挺常见的！你用concat合并数组的思路没问题，但它确实会保留所有重复项。下面给你几种实用的解决办法，都能得到你想要的[1, 2, 3]结果：

方法一：ES6 Set（最简洁） #

利用ES6新增的Set数据结构，它会自动剔除重复值，再通过扩展运算符...把Set转回数组：

var a = [1,2,2];
var b = [1,2,3,3];
var c = [...new Set(a.concat(b))];
console.log(c); // 输出: [1, 2, 3]

注意：这个方法适用于ES6及以上环境，现在大部分浏览器和Node.js版本都支持。

方法二：ES5兼容方案（filter + indexOf） #

如果需要兼容ES5及更早的环境，可以用filter结合indexOf来筛选出首次出现的元素：

var a = [1,2,2];
var b = [1,2,3,3];
var c = a.concat(b).filter(function(item, index, arr) {
  // 只保留元素第一次出现的实例
  return arr.indexOf(item) === index;
});
console.log(c); // 输出: [1, 2, 3]

方法三：reduce手动去重 #

你也可以用reduce方法手动维护一个无重复的数组：

var a = [1,2,2];
var b = [1,2,3,3];
var c = a.concat(b).reduce(function(uniqueArr, item) {
  if (!uniqueArr.includes(item)) {
    uniqueArr.push(item);
  }
  return uniqueArr;
}, []);
console.log(c); // 输出: [1, 2, 3]

小提示：以上方法针对的是基本类型（数字、字符串等）的数组去重。如果你的数组里是复杂对象，需要根据对象的特定属性来判断重复，那就要修改判断逻辑啦。

内容的提问来源于stack exchange，提问作者jack