In dit voorbeeld leert u een JavaScript-programma te schrijven dat twee arrays samenvoegt en dubbele items uit een array verwijdert.
Om dit voorbeeld te begrijpen, moet u kennis hebben van de volgende JavaScript-programmeeronderwerpen:
- JavaScript Array concat ()
- JavaScript Set en WeakSet
- JavaScript-verspreidingsoperator
Voorbeeld 1: gebruik van concat () en voor Loop
// program to merge and remove duplicate value from an array function getUniqueAfterMerge(arr1, arr2)( // merge two arrays let arr = arr1.concat(arr2); let uniqueArr = (); // loop through array for(let i of arr) ( if(uniqueArr.indexOf(i) === -1) ( uniqueArr.push(i); ) ) console.log(uniqueArr); ) const array1 = (1, 2, 3); const array2 = (2, 3, 5) // calling the function // passing array argument getUniqueAfterMerge(array1, array2);
Uitvoer
(1, 2, 3, 5)
In het bovenstaande programma worden de twee array-elementen samengevoegd en worden de dubbele elementen verwijderd.
Hier,
- De twee arrays worden samengevoegd met behulp van de
concat()methode. - De
for… oflus wordt gebruikt om door alle elementen van arr. - De
indexOf()methode retourneert -1 als het element niet in de array staat.
Daarom wordt tijdens elke iteratie, als het element gelijk is aan -1 , het element toegevoegd aan de array uniqueArr met behulp van de push()methode.
Voorbeeld 2: Spread-syntaxis en Set
// program to merge and remove duplicate value from an array function getUniqueAfterMerge(arr1, arr2)( // merge two arrays let arr = (… arr1,… arr2); // removing duplicate let uniqueArr = (… new Set(arr)); console.log(uniqueArr); ) const array1 = (1, 2, 3); const array2 = (2, 3, 5) // calling the function getUniqueAfterMerge(array1, array2);
Uitvoer
(1, 2, 3, 5)
In het bovenstaande programma worden twee arrays samengevoegd en Setgebruikt om dubbele items uit een array te verwijderen.
Het Setis een verzameling unieke waarden.
Hier,
- Twee array-elementen worden samengevoegd met behulp van de spread-syntaxis
… - De array wordt geconverteerd naar
Seten alle dubbele elementen worden automatisch verwijderd. - De spread-syntaxis
…wordt vervolgens gebruikt om alle elementen van de set weer in een array op te nemen.
