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.

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ö
- Tapa 2: Array filter() -menetelmän käyttäminen:
- Menetelmä 3: Set()-menetelmän käyttäminen
- Menetelmä 4: Reduce()-menetelmän käyttäminen
- Tapa 5: ForEach()-menetelmän käyttäminen
- Tapa 6: IndexOf()-menetelmän käyttäminen
- Tapa 7: Underscore.js _.uniq()-funktion käyttäminen
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 ]>