Pole JavaScriptu jsou datové struktury, které mohou ukládat více hodnot. Může však nastat mnoho případů, kdy pole obsahuje duplicitní prvky. Tato příručka vás provede různými metodami odstranění těchto duplikátů a vytvoření pole s jedinečnými prvky.

Poznámka: Přečtěte si více o JavaScriptových polích

Metody odstranění duplicitních prvků z pole JavaScript

Obsah

• Použití metody Javascript filter()
• Použití metody Javascript set()
• Použití metody Javascript forEach().
• Použití metody Javascript reduction()
• Použití metody Javascript indexOf().
• Pomocí knihovny třetí strany

Použití metody JavaScript filter()

The metoda filter(). vytvoří nové pole prvků, které odpovídá předané podmínce prostřednictvím funkce zpětného volání. Zahrne pouze ty prvky, pro které je vráceno true.

Příklad: Níže uvedený kód používá metoda filter(). k odstranění duplikátu prvku v poli JavaScript.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(položka) === index); } console.log(removeDuplicates(arr));>

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

Použití metody JavaScript set().

Tato metoda nastavuje nový typ objektu pomocí ES6 (ES2015), který umožňuje vytvářet kolekce jedinečných hodnot.

Příklad: Tento příklad používá JavaScript metoda set(). k odstranění duplikátů z pole.

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

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

Použití metody JavaScript forEach().

Pomocí forEach() metoda , můžeme iterovat prvky v poli a vložíme je do nového pole, pokud v poli neexistuje.

Příklad: Metoda forEach() se používá k odstranění prvků z pole JavaScript v níže uvedeném kódu.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unique.push(element);  } });  vrátit jedinečný; } console.log(removeDuplicates(arr));>

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

Použití metody JavaScript reduction()

The metoda snížit(). se používá k redukci prvků pole a jejich spojení do konečného pole založeného na nějaké redukční funkci, kterou předáte.

Příklad: Metoda reduction() se používá k odstranění duplikátů z pole v JavaScriptu.

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' ]>

Použití metody JavaScript indexOf()

The metoda indexOf(). se používá k nalezení prvního indexu výskytu prvku pole. můžeme iterovat prvky v poli, a pokud ve výsledném poli neexistuje, vložíme je do nového pole.

Příklad: Níže uvedený příklad kódu používá metodu metody indexOf() k odstranění duplikátů z pole.

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' ]>

Pomocí knihovny třetí strany

Můžeme také použít knihovnu třetích stran jako např Lodash nebo Podtržítko.js k odstranění duplicitních prvků z pole Javascript. The funkce _.uniq(). vrátí pole, které neobsahuje duplicitní prvky.

Příklad: The Funkce _.uniq() knihovny underscore.js se používá v níže uvedeném kódu k odstranění prvků z pole.