如何从 JavaScript 中的数组中删除重复元素？

有多种不同的方法可以在数组中查找重复项。我们将讨论在数组中查找重复项的两种方法。

使用 Set： Set 对象允许您存储任何类型的唯一值，无论是原始值还是对象引用。这是删除重复元素并从数组中获取唯一元素的最简单方法。

示例：假设我们有一个名为City的数组，其中包含重复的城市名称，我们想要删除重复项并从中找到唯一元素。

Javascript

  // Defining a set of the cities
  let city = [
    "surat",
    "ahmedabad",
    "rajkot",
    "mumbai",
    "surat",
    "delhi",
    "ahmedabad",
    "anand",
  ];
  
  // For removing the duplicate values
  // we are using the Set() function
  let unique_city = [new Set(city)];
  
  // Printing the unique cities
  console.log(unique_city);

输出：

["surat", "ahmedabad", "rajkot", "mumbai", "delhi"]

使用forEach() 方法：我们使用 JavaScript includes()函数，如果元素在数组中则返回true ，如果元素不存在则返回false 。

下面的示例迭代数组的元素并将元素添加到新数组中，这些元素尚不存在。

例子 ：

Javascript

  // Defining a set of the cities
  let city = [
    "surat",
    "ahmedabad",
    "rajkot",
    "mumbai",
    "surat",
    "delhi",
    "ahmedabad",
    "anand",
  ];
  
  // Defining the unique cities from the above
  // array by using forEach loop
  let unique_city = [];
  city.forEach((c) => {
    if (!unique_city.includes(c)) {
      unique_city.push(c);
    }
  });
  
  // Printing the unique cities
  console.log(unique_city);

输出：

["surat", "ahmedabad", "rajkot", "mumbai", "delhi"]