We gaan leren hoe we alle unieke waarden kunnen krijgen (duplicaten verwijderen) in een JavaScript-array. Gegeven een array met verschillende waarden, is het ons doel om eventuele duplicaten eruit te filteren en de resulterende array in de console weer te geven.

haal alle unieke waarden op (verwijder duplicaten) in een JavaScript-array

We kunnen op de volgende manieren alle unieke waarden in een JavaScript-array verkrijgen:

icloud-foto's naar Android

Inhoudsopgave

• Methode 1: For-lus gebruiken
• Methode 2: De methode Array filter() gebruiken:
• Methode 3: Set()-methode gebruiken
• Methode 4: Reduce()-methode gebruiken
• Methode 5: De methode forEach() gebruiken
• Methode 6: IndexOf()-methode gebruiken
• Methode 7: De functie Underscore.js _.uniq() gebruiken

Methode 1: For-lus gebruiken

for loop methode controleerde elke waarde van de originele array (listArray) met elke waarde van de uitvoerarray (outputArray) waar de dubbele waarden zijn verwijderd. Als de huidige waarde niet bestaat in de uitvoerarray met unieke waarden, voeg dan het element toe aan de uitvoerarray.

Voorbeeld: Dit voorbeeld genereert een unieke array met tekenreekswaarden.

// Creating a 3x4 two-dimensional array let Arr = [  'Manish', 'Chandan', 'Piyush',  'Sunil', 'Pankaj', 'Piyush',  'Pankaj', 'Tiny', 'Chandan',  'Manish']; let outputArray = []; // Count variable is used to add the // new unique value only once in the // outputArray. let count = 0; // Start variable is used to set true // if a repeated duplicate value is // encontered in the output array. let start = false; for (let j = 0; j < Arr.length; j++) {  for (let k = 0; k < outputArray.length; k++) {  if (Arr[j] == outputArray[k]) {  start = true;  }  }  count++;  if (count == 1 && start == false) {  outputArray.push(Arr[j]);  }  start = false;  count = 0; } console.log(outputArray);>

[ 'Manish', 'Chandan', 'Piyush', 'Sunil', 'Pankaj', 'Tiny' ]>

Methode 2: De methode Array filter() gebruiken:

De functie arr.filter() wordt gebruikt om een ​​nieuwe array te maken van een bestaande array die alleen bestaat uit die elementen uit de gegeven array die voldoen aan een voorwaarde die is ingesteld door de argumentfunctie.

Voorbeeld: In dit voorbeeld gebruiken we de array filter() methode om duplicaten uit de array te verwijderen.

let Arr = [  'g', 'e', 'e', 'k', 's',   'f', 'o', 'r', 'g', 'e',   'e', 'k', 's' ]; let outputArray = []; function removewithfilter(arr) {  let outputArray = arr.filter(function (v, i, self) {  // It returns the index of the first  // instance of each value  return i == self.indexOf(v);  });  return outputArray; } console.log(removewithfilter(Arr));>

[ 'g', 'e', 'k', 's', 'f', 'o', 'r' ]>

Methode 3: Set()-methode gebruiken

Een set is een verzameling items die uniek zijn, dat wil zeggen dat geen enkel element kan worden herhaald. Set in ES6 is geordend: elementen van de set kunnen worden herhaald in de invoegvolgorde. De set kan elk type waarde opslaan, zowel primitief als objecten.

Voorbeeld: In dit voorbeeld gebruiken we de set() Methode om duplicaten uit de array te verwijderen.

let Arr = [  'DS', 'Algo', 'OS', 'HTML', 'DS',  'OS', 'Java', 'HTML', 'Algo' ]; let outputArray = []; function removeusingSet(arr) {  let outputArray = Array.from(new Set(arr))  return outputArray } console.log(removeusingSet(Arr));>

[ 'DS', 'Algo', 'OS', 'HTML', 'Java' ]>

Methode 4: Reduce()-methode gebruiken

De reduce() methode wordt gebruikt om de elementen van de array te verkleinen en ze te combineren tot een definitieve array op basis van een bepaalde reducerfunctie die u doorgeeft.

Voorbeeld: In dit voorbeeld zullen we het gebruik van de reduce() methode zien.

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

Methode 5: De methode forEach() gebruiken

Door gebruik te maken van de forEach() methode , kunnen we de elementen in de array herhalen, en we zullen de nieuwe array invoegen als deze niet in de array bestaat.

Voorbeeld: In dit voorbeeld zullen we het gebruik van de forEach() methode zien.

afbeelding als achtergrond in css

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

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

Methode 6: Met behulp van de indexOf()-methode

De indexOf()-methode wordt gebruikt om de eerste index van voorkomen van een array-element te vinden. we kunnen de elementen in de array herhalen, en we zullen de nieuwe array invoegen als deze niet bestaat in de resulterende array.

Voorbeeld: In dit voorbeeld zullen we het gebruik van de indexOf() -methode zien.

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

Methode 7: De functie Underscore.js _.uniq() gebruiken

We kunnen ook een bibliotheek van derden gebruiken, zoals Lodash of Underscore.js om dubbele elementen te verwijderen uit a JavaScript-array . De _.uniq() functie retourneert de array die geen dubbele elementen bevat.

Voorbeeld: In dit voorbeeld gebruiken we de functie _.uniq().

const _ = require('underscore'); console.log( _.uniq([1, 2, 3, 4, 5, 4, 3, 2, 1]));>

Uitgang:

[ 1, 2, 3, 4, 5 ]>