javascript - 检查重复的嵌套数组

Question

我有一个数组，每次用户单击按钮时都会填充信息。推送到该数组的信息位于数组本身内。所以类似这样的事情:

var parentArray = [];
var childArray = ["Info1", "Info2", 500];

$("#button").on("click", function(){
    parentArray.push(childArray);
})

每次用户单击按钮时，childArray 都会根据不同的用户输入获得不同的信息。例如，用户单击 map 上的一个点，childArray 会将某些信息放入其中。用户单击 map 上的不同点，childArray 会将某些信息放入其中。每次 childArray 都会不同或相同。然后，用户单击该按钮，childArray 中的信息将被推送到 parentArray。

我的问题是，我想从 parentArray 中删除重复的 childArrays。因此，假设一个 childArray 看起来像这样:

[“信息1”，“信息2”，25]

另一个子数组如下所示:[“信息1”，“信息2”，50]

另一个看起来像这样:[“信息1”，“信息2”，25]

我想查找两个 childArrays 是否相同，即第一个和第三个数组，如果相同，则删除除一个相似数组之外的所有数组，因此最后不要像这样:

[["Info1", "Info2", 25], ["Info1", "Info2", 50], ["Info1", "Info2", 25]]

我的parentArray看起来像这样:

[["Info1", "Info2", 25], ["Info1", "Info2", 50]]

有可能实现这个目标吗？如果是这样，我该怎么做？

我希望这是有道理的。

Answer 1

您可以使用filter()和 thisArg 参数

var ar = [["Info1", "Info2", 25], ["Info1", "Info2", 50], ["Info1", "Info2", 25]];
var result = ar.filter(function(e) {
  if(!this[e.join('|')]) {
    this[e.join('|')] = true;
    return e;
  }
}, {});

console.log(result);