JavaScript-matriser er datastrukturene som kan lagre flere verdier. Imidlertid kan det være mange tilfeller der en matrise inneholder dupliserte elementer. Denne guiden vil lede deg gjennom ulike metoder for å fjerne disse duplikatene og lage en matrise med unike elementer.

Merk: Lær mer om JavaScript-matriser

Metoder for å fjerne dupliserte elementer fra JavaScript-array

10 til makten 6

Innholdsfortegnelse

• Bruker Javascript filter()-metoden
• Bruker Javascript set()-metoden
• Bruker Javascript forEach()-metoden
• Bruker Javascript reduce()-metoden
• Bruker Javascript indexOf()-metoden
• Bruker tredjeparts bibliotek

Bruker JavaScript filter()-metoden

De filter() metode oppretter en ny rekke elementer som samsvarer med den beståtte betingelsen gjennom tilbakeringingsfunksjonen. Den vil bare inkludere de elementene som true returneres for.

Eksempel: Koden nedenfor bruker filter() metode for å fjerne duplikat av et element i JavaScript-matrisen.

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

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

Bruker JavaScript set()-metoden

Denne metoden setter en ny objekttype med ES6 (ES2015) som lar deg lage samlinger av unike verdier.

Eksempel: Dette eksemplet bruker JavaScript set() metode for å fjerne duplikater fra en matrise.

første ordens logikk

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

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

Bruke JavaScript forEach()-metoden

Ved å bruke forEach()-metoden , kan vi iterere over elementene i matrisen, og vi vil presse inn i den nye matrisen hvis den ikke eksisterer i matrisen.

Eksempel: ForEach()-metoden brukes til å fjerne elementene fra JavaScript-matrisen i koden nedenfor.

kassen i git

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unique.push(element);  } });  returnere unik; } console.log(removeDuplicates(arr));>

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

Bruker JavaScript reduce()-metoden

De redusere() metoden brukes til å redusere elementene i arrayen og kombinere dem til en endelig array basert på en eller annen reduseringsfunksjon som du passerer.

Eksempel: Metoden reduce() brukes til å fjerne duplikater fra en matrise i 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' ]>

Bruker JavaScript indexOf()-metoden

De indexOf() metode brukes til å finne den første indeksen for forekomst av et matriseelement. vi kan iterere over elementene i matrisen, og vi vil skyve inn i den nye matrisen hvis den ikke eksisterer i den resulterende matrisen.

Eksempel: Kodeeksemplet nedenfor bruker metoden indexOf() for å fjerne duplikater fra en matrise.

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

Bruker tredjeparts bibliotek

Vi kan også bruke et tredjepartsbibliotek som f.eks Lodash eller Understrek.js for å fjerne dupliserte elementer fra en Javascript-matrise. De _.uniq() funksjon returnerer matrisen som ikke inneholder dupliserte elementer.

Eksempel: The _.uniq()-funksjonen til underscore.js-biblioteket brukes i koden nedenfor for å fjerne elementer fra en matrise.