JavaScript-taulukot ovat tietorakenteita, jotka voivat tallentaa useita arvoja. Saattaa kuitenkin olla monia tapauksia, joissa taulukko sisältää päällekkäisiä elementtejä. Tämä opas opastaa sinut eri menetelmien läpi näiden kaksoiskappaleiden poistamiseksi ja ainutlaatuisten elementtien taulukon luomiseksi.

Huomautus: Lisätietoja JavaScript-taulukoista

Menetelmät päällekkäisten elementtien poistamiseksi JavaScript-taulukosta

Sisällysluettelo

np missä

• Javascript filter() -menetelmän käyttäminen
• Javascript set() -menetelmän käyttäminen
• Javascriptin käyttö forEach() -menetelmällä
• Javascriptin reduction()-menetelmän käyttäminen
• Javascriptin indexOf()-menetelmän käyttäminen
• Kolmannen osapuolen kirjaston käyttäminen

JavaScript-suodatin()-menetelmän käyttäminen

The filter()-menetelmä luo uuden joukon elementtejä, jotka vastaavat takaisinkutsutoiminnon kautta hyväksyttyä ehtoa. Se sisältää vain ne elementit, joille palautetaan tosi.

Esimerkki: Alla oleva koodi käyttää filter()-menetelmä poistaaksesi elementin kaksoiskappaleen JavaScript-taulukosta.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(nimike) === indeksi); } console.log(removeDuplicates(arr));>>  
  Lähtö  
[ 'apple', 'mango', 'orange' ]>
  
    JavaScript set() -menetelmän käyttäminen    
Tämä menetelmä asettaa uuden objektityypin ES6:lla (ES2015), jonka avulla voit luoda yksilöllisten arvojen kokoelmia.
 
 

q4 kuukautta
 
    Esimerkki:    Tämä esimerkki käyttää JavaScriptiä set() -menetelmä poistaaksesi kaksoiskappaleet taulukosta.
Javascript 
let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>
   
  Lähtö  

JavaScript 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: ForEach()-menetelmää käytetään elementtien poistamiseen JavaScript-taulukosta alla olevassa koodissa.

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' ]>
  
    JavaScript-reduction()-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:    Reduction()-menetelmää käytetään kaksoiskappaleiden poistamiseen JavaScript-taulukosta.
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ö  

JavaScriptin 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: Alla olevassa koodiesimerkissä käytetään indexOf()-menetelmää kaksoiskappaleiden poistamiseen taulukosta.

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

Kolmannen osapuolen kirjaston käyttäminen

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

Esimerkki: Underscore.js-kirjaston _.uniq()-funktiota käytetään alla olevassa koodissa elementtien poistamiseen taulukosta.