logo

Kuinka saada kaikki ainutlaatuiset arvot (poistaa kaksoiskappaleet) JavaScript-taulukkoon?

Opimme kuinka saada kaikki ainutlaatuiset arvot (poistaa kaksoiskappaleet) JavaScript-taulukkoon. Kun taulukko sisältää useita arvoja, tavoitteenamme on suodattaa pois kaikki kaksoiskappaleet ja näyttää tuloksena oleva taulukko konsolissa.

get-unique-values-in-a-javascript

saada kaikki ainutlaatuiset arvot (poista kaksoiskappaleet) JavaScript-taulukossa



Voimme saada kaikki ainutlaatuiset arvot JavaScript-taulukossa seuraavilla tavoilla:

java cast int merkkijonoon

Sisällysluettelo

Tapa 1: Silmukan käyttö

silmukalle menetelmä tarkisti jokaisen alkuperäisen taulukon (listArray) arvon jokaisella tulostaulukon (outputArray) arvolla, josta päällekkäiset arvot on poistettu. Jos nykyistä arvoa ei ole tulostaulukossa, jossa on yksilölliset arvot, lisää elementti lähtötaulukkoon.



Esimerkki: Tämä esimerkki luo ainutlaatuisen merkkijonoarvojen joukon.

Javascript
// 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);>

Lähtö
[ 'Manish', 'Chandan', 'Piyush', 'Sunil', 'Pankaj', 'Tiny' ]>

Tapa 2: Array filter() -menetelmän käyttäminen:

Arr.filter()-funktiota käytetään uuden taulukon luomiseen olemassa olevasta taulukosta, joka koostuu vain niistä elementeistä annetusta taulukosta, jotka täyttävät argumenttifunktion asettamat ehdot.

Esimerkki: Tässä esimerkissä käytämme taulukkoa suodattaa() menetelmä kaksoiskappaleiden poistamiseksi taulukosta.



Javascript
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));>

Lähtö
[ 'g', 'e', 'k', 's', 'f', 'o', 'r' ]>

Menetelmä 3: Set()-menetelmän käyttäminen

Joukko on kokoelma kohteita, jotka ovat ainutlaatuisia eli mitään elementtiä ei voi toistaa. ES6:n joukot ovat järjestettyjä: joukon elementtejä voidaan iteroida lisäysjärjestyksessä. Joukko voi tallentaa minkä tahansa tyyppisiä arvoja, olivatpa ne primitiivisiä tai objekteja.

Esimerkki: Tässä esimerkissä käytämme set() -menetelmä poistaaksesi kaksoiskappaleet taulukosta.

Javascript
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));>

Lähtö
[ 'DS', 'Algo', 'OS', 'HTML', 'Java' ]>

Menetelmä 4: Reduce()-menetelmän käyttäminen

The vähentää() -menetelmää käytetään vähentämään taulukon elementtejä ja yhdistämään ne lopulliseksi taulukoksi, joka perustuu johonkin ohittamasi vähennysfunktioon.

Esimerkki: Tässä esimerkissä näemme vähentä()-menetelmän käytön.

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));>

Lähtö
[ 'apple', 'mango', 'orange' ]>

Tapa 5: ForEach()-menetelmän käyttäminen

Käyttämällä forEach()-menetelmää varten , voimme iteroida taulukon elementtejä ja siirrymme uuteen taulukkoon, jos sitä ei ole taulukossa.

Esimerkki: Tässä esimerkissä näemme forEach()-menetelmän käytön.

Javascript
let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { ainutlaatuinen.push(elementti);  } });  palauttaa ainutlaatuinen; } console.log(removeDuplicates(arr));>>  
Lähtö
[ 'apple', 'mango', 'orange' ]>

Menetelmä 6: IndexOf()-menetelmän käyttäminen

The indexOf()-menetelmä käytetään etsimään taulukkoelementin ensimmäinen esiintymisindeksi. voimme iteroida taulukon elementtien yli, ja siirrymme uuteen taulukkoon, jos sitä ei ole tuloksena olevassa taulukossa.

Esimerkki: Tässä esimerkissä näemme indexOf()-menetelmän käytön.

Javascript
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));>

Lähtö

Menetelmä 7: Underscore.js _.uniq()-funktion käyttäminen

Voimme käyttää myös kolmannen osapuolen kirjastoa, kuten Lodash tai Underscore.js poistaaksesi päällekkäisiä elementtejä a Javascript-taulukko . The _.uniq()-funktio palauttaa taulukon, joka ei sisällä päällekkäisiä elementtejä.

merkki merkkijonoon java

Esimerkki: Tässä esimerkissä käytämme _.uniq()-funktiota.

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

Lähtö:

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