JavaScript-arrays er de datastrukturer, der kan gemme flere værdier. Der kan dog være mange tilfælde, hvor et array indeholder duplikerede elementer. Denne guide vil lede dig gennem forskellige metoder til at fjerne disse dubletter og skabe et array med unikke elementer.

Bemærk: Lær mere om JavaScript-arrays

Metoder til at fjerne duplikerede elementer fra JavaScript-array

udvælgelsessortering

Indholdsfortegnelse

• Brug af Javascript filter()-metoden
• Brug af Javascript set()-metoden
• Brug af Javascript forEach()-metoden
• Brug af Javascript reduce() metode
• Brug af Javascript indexOf() metode
• Brug af tredjepartsbibliotek

Brug af JavaScript filter()-metoden

Det filter() metode opretter et nyt array af elementer, der matcher den beståede betingelse gennem tilbagekaldsfunktionen. Det vil kun inkludere de elementer, som true returneres for.

Eksempel: Nedenstående kode bruger filter() metode for at fjerne duplikat af et element i JavaScript-array.

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

Brug af JavaScript set()-metoden

Denne metode indstiller en ny objekttype med ES6 (ES2015), der giver dig mulighed for at oprette samlinger af unikke værdier.

Eksempel: Dette eksempel bruger JavaScript set() metode for at fjerne dubletter fra et array.

første ordens logik

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

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

Brug af JavaScript forEach()-metoden

Ved at bruge forEach() metode , kan vi iterere over elementerne i arrayet, og vi vil skubbe ind i det nye array, hvis det ikke findes i arrayet.

Eksempel: Metoden forEach() bruges til at fjerne elementerne fra JavaScript-arrayet i nedenstående kode.

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 unikt; } console.log(removeDuplicates(arr));>

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

Brug af JavaScript reduce() metode

Det reduce() metode bruges til at reducere elementerne i arrayet og kombinere dem til et endeligt array baseret på en eller anden reduktionsfunktion, som du passerer.

Eksempel: metoden reduce() bruges til at fjerne dubletter fra et array 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' ]>

Brug af JavaScript indexOf()-metoden

Det indexOf() metode bruges til at finde det første indeks for forekomst af et array-element. vi kan iterere over elementerne i arrayet, og vi vil skubbe ind i det nye array, hvis det ikke eksisterer i det resulterende array.

Eksempel: Nedenstående kodeeksempel bruger metoden indexOf() til at fjerne dubletter fra et array.

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

Brug af tredjepartsbibliotek

Vi kan også bruge et tredjepartsbibliotek som f.eks Lodash eller Underscore.js at fjerne duplikerede elementer fra et Javascript-array. Det _.uniq() funktion returnerer arrayet, som ikke indeholder duplikerede elementer.

Eksempel: Den _.uniq()-funktionen i underscore.js-biblioteket bruges i nedenstående kode til at fjerne elementer fra et array.