Как удалить повторяющиеся элементы из массива в JavaScript?

Существуют различные методы поиска дубликатов в массиве. Мы обсудим два способа поиска дубликатов в массиве.

Использование Set: объект Set позволяет хранить уникальные значения любого типа, будь то примитивные значения или ссылки на объекты. Это самый простой способ удалить повторяющийся элемент и получить уникальные элементы из массива.

Пример: предположим, что у нас есть массив с именем City, который состоит из повторяющихся названий городов, и мы хотим удалить дубликаты и найти в нем уникальные элементы.

Javascript

<script>

  // 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);

</script>

Выход:

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

Использование метода forEach (): мы используем функцию JavaScript includes (), которая возвращает true, если элемент находится в массиве, или false, если его нет.

В следующем примере выполняется итерация по элементам массива и добавляются элементы в новый массив, которых еще нет.

Пример :

Javascript

<script>

  // 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);

</script>

Выход:

[«surat», «ahmedabad», «rajkot», «mumbai», «delhi»]