Polia JavaScript sú dátové štruktúry, ktoré môžu uchovávať viacero hodnôt. Môže však nastať veľa prípadov, keď pole obsahuje duplicitné prvky. Táto príručka vás prevedie rôznymi metódami na odstránenie týchto duplikátov a vytvorenie poľa s jedinečnými prvkami.

Poznámka: Získajte viac informácií o poliach JavaScript

Metódy na odstránenie duplicitných prvkov z poľa JavaScript

Obsah

• Použitie metódy Javascript filter().
• Použitie metódy Javascript set().
• Použitie Javascript forEach() Method
• Použitie metódy Javascript reduction()
• Použitie metódy Javascript indexOf().
• Používanie knižnice tretej strany

Použitie metódy JavaScript filter().

The metóda filter(). vytvorí nové pole prvkov, ktoré sa zhodujú s odovzdanou podmienkou prostredníctvom funkcie spätného volania. Bude obsahovať iba tie prvky, pre ktoré je vrátená hodnota true.

Príklad: Nižšie uvedený kód používa metóda filter(). na odstránenie 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žitie metódy JavaScript set().

Táto metóda nastavuje nový typ objektu pomocou ES6 (ES2015), ktorý vám umožňuje vytvárať kolekcie jedinečných hodnôt.

Príklad: Tento príklad používa JavaScript metóda set(). na odstránenie duplikátov z poľa.

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

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

Použitie JavaScriptu pre každú metódu ().

Pomocou forEach() metóda , môžeme iterovať cez prvky v poli a vložíme do nového poľa, ak v poli neexistuje.

Príklad: Metóda forEach() sa používa na odstránenie prvkov z poľa JavaScript v kóde nižšie.

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

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

Použitie metódy redukcie () JavaScriptu

The znížiť() metóda sa používa na zmenšenie prvkov poľa a ich spojenie do konečného poľa na základe nejakej redukčnej funkcie, ktorú prejdete.

Príklad: Metóda reduction() sa používa na odstránenie duplikátov z poľa v JavaScripte.

konvertovať dátum reťazca

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žitie metódy JavaScript indexOf().

The metóda indexOf(). sa používa na nájdenie prvého indexu výskytu prvku poľa. môžeme iterovať prvky v poli a vložíme to do nového poľa, ak vo výslednom poli neexistuje.

Príklad: Nižšie uvedený príklad kódu používa metódu metódy indexOf() na odstránenie duplikátov z poľa.

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

Používanie knižnice tretej strany

Môžeme použiť aj knižnicu tretích strán ako napr Lodash alebo Podčiarknite.js na odstránenie duplicitných prvkov z poľa Javascript. The Funkcia _.uniq(). vráti pole, ktoré neobsahuje duplicitné prvky.

Príklad: The Funkcia _.uniq() knižnice underscore.js sa používa v nižšie uvedenom kóde na odstránenie prvkov z poľa.