Tablice JavaScript to struktury danych, które mogą przechowywać wiele wartości. Może się jednak zdarzyć, że tablica zawiera zduplikowane elementy. Ten przewodnik przeprowadzi Cię przez różne metody usuwania tych duplikatów i tworzenia tablicy z unikalnymi elementami.

Notatka: Dowiedz się więcej o tablicach JavaScript

Metody usuwania zduplikowanych elementów z tablicy JavaScript

Spis treści

• Korzystanie z metody filter() JavaScript
• Korzystanie z metody set() JavaScript
• Korzystanie z metody Javascript forEach().
• Korzystanie z metody redukcji() JavaScript
• Korzystanie z metody JavaScript IndexOf().
• Korzystanie z biblioteki innej firmy

Korzystanie z metody JavaScript filter().

The metoda filter(). tworzy nową tablicę elementów pasujących do warunku przekazanego przez funkcję wywołania zwrotnego. Będzie zawierać tylko te elementy, dla których zwrócono wartość true.

Przykład: Poniższy kod używa metoda filter(). aby usunąć duplikat elementu w tablicy JavaScript.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(item) === indeks); } konsola.log(usuń duplikaty(arr));>

[ 'apple', 'mango', 'orange' ]>

Korzystanie z metody set() JavaScript

Ta metoda ustawia nowy typ obiektu w ES6 (ES2015), który umożliwia tworzenie kolekcji unikalnych wartości.

Przykład: W tym przykładzie zastosowano JavaScript metoda set(). aby usunąć duplikaty z tablicy.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Korzystanie z metody JavaScript forEach().

Korzystając z forEach(). , możemy iterować po elementach tablicy i wpychać elementy do nowej tablicy, jeśli nie istnieje ona w tablicy.

Przykład: Metoda forEach() służy do usuwania elementów z tablicy JavaScript w poniższym kodzie.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unikatowy.push(element);  } });  zwróć unikalny; } konsola.log(usuń duplikaty(arr));>

[ 'apple', 'mango', 'orange' ]>

Korzystanie z metody redukcji() JavaScript

The metoda redukcji(). służy do redukcji elementów tablicy i połączenia ich w ostateczną tablicę w oparciu o przekazaną funkcję redukującą.

Przykład: Metoda redukcji() służy do usuwania duplikatów z tablicy w JavaScript.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = arr.reduce(function (acc, curr) {  if (!acc.includes(curr))  acc.push(curr);  return acc;  }, []);  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Korzystanie z metody JavaScript IndexOf().

The metoda indeksOf(). służy do znalezienia pierwszego indeksu wystąpienia elementu tablicy. możemy iterować po elementach tablicy i wpychać elementy do nowej tablicy, jeśli nie istnieje ona w wynikowej tablicy.

Przykład: Poniższy przykład kodu wykorzystuje metodę metody IndexOf() do usuwania duplikatów z tablicy.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  for (i = 0; i < arr.length; i++) {  if (unique.indexOf(arr[i]) === -1) {  unique.push(arr[i]);  }  }  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Korzystanie z biblioteki innej firmy

Możemy również skorzystać z biblioteki innej firmy, takiej jak Lodasz Lub Podkreślenie.js aby usunąć zduplikowane elementy z tablicy JavaScript. The Funkcja _.uniq(). zwraca tablicę, która nie zawiera zduplikowanych elementów.

Przykład: Funkcja _.uniq() biblioteki underscore.js została użyta w poniższym kodzie do usuwania elementów z tablicy.