JS中对多组3元素玩家选择数组去重失败，求解决方案

嘿，我明白你遇到的问题了——在JavaScript里处理数组去重时，直接用索引或者数组引用比较确实容易踩坑，咱们一步步拆解原因和解决办法：

为什么你的原方案没生效？ #

核心原因是数组是引用类型：

• 哪怕两个数组的内容完全一模一样（比如[1,3,4]和[1,3,4]），它们在内存中是两个独立的对象，引用地址不同。
• 你用indexOf或者直接全等比较===时，JavaScript会判断它们是不同的元素，所以不管怎么排序，都会把所有数组都推入unique，去重逻辑完全失效。
• 另外如果你的排序用的是原地排序arr.sort()，还会不小心修改原数组的顺序，可能带来额外的问题。

靠谱的解决思路 #

方法1：用字符串标识+Set快速去重（推荐） #

把排序后的数组转换成字符串（比如用join(',')），字符串是基本类型，相同内容的字符串是全等的，再用ES6的Set来存储已经出现过的标识，既能高效去重，代码也简洁：

var choices = [1, 2, 3, 4, 5, 6];
var player1 = [];
var player2 = [];
var player3 = [];
var store = [];
var unique = [];
// 先假设你已经把三个玩家的200组选择填充到store数组中

const seen = new Set();

store.forEach(choiceGroup => {
  // 先创建原数组的副本并排序，避免修改原数组
  const sortedGroup = [...choiceGroup].sort((a, b) => a - b);
  // 把排序后的数组转成唯一字符串标识
  const groupKey = sortedGroup.join(',');
  
  if (!seen.has(groupKey)) {
    seen.add(groupKey);
    // 这里可以选择推入原数组或者排序后的数组，根据你的需求来
    unique.push(choiceGroup);
  }
});

console.log(unique); // 现在就是去重后的结果啦

方法2：自定义数组内容比较函数 #

如果你不想转字符串，可以写一个函数来判断两个数组的内容是否完全一致，然后遍历unique数组逐个比对。这种方法适合不想用字符串转换的场景，但时间复杂度会高一点（O(n²)），不过200组数据完全没问题：

// 自定义函数：判断两个数组内容是否完全相等
function isSameArray(arr1, arr2) {
  if (arr1.length !== arr2.length) return false;
  for (let i = 0; i < arr1.length; i++) {
    if (arr1[i] !== arr2[i]) return false;
  }
  return true;
}

var unique = [];
store.forEach(choiceGroup => {
  const sortedGroup = [...choiceGroup].sort((a, b) => a - b);
  // 检查unique里是否已有内容相同的数组（注意也要排序后再比较）
  const isDuplicate = unique.some(item => {
    const sortedItem = [...item].sort((a, b) => a - b);
    return isSameArray(sortedItem, sortedGroup);
  });
  
  if (!isDuplicate) {
    unique.push(choiceGroup);
  }
});

额外提醒 #

• 尽量不要用arr.sort()原地排序，因为它会修改原数组的顺序，用[...arr].sort()创建副本排序更安全。
• 如果你的数组元素都是数字，sort((a,b) => a - b)才能正确排序，默认的sort()是按字符串排序，会出问题（比如10会排在2前面）。

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