Ebben a példában megtanul olyan JavaScript programot írni, amely két tömböt egyesít, és eltávolítja az ismétlődő elemeket egy tömbből.
A példa megértéséhez ismernie kell a következő JavaScript programozási témákat:
- JavaScript tömb concat ()
- JavaScript készlet és WeakSet
- JavaScript Spread Operator
1. példa: A concat () és a Loop használata
// 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);
Kimenet
(1, 2, 3, 5)
A fenti programban a két tömb elemet összevonják, és az ismétlődő elemeket eltávolítják.
Itt,
- A két tömböt a
concat()
módszerrel egyesítjük. - A
for… of
hurok az arr összes elemének átlapozására szolgál. - A
indexOf()
módszer -1-et ad vissza, ha az elem nincs a tömbben.
Ezért minden iteráció során, ha az elem egyenlő -1 , az elemet a push()
módszer segítségével hozzáadjuk az egyediArr tömbhöz .
2. példa: A Spread Syntax és a Set használata
// 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);
Kimenet
(1, 2, 3, 5)
A fenti programban két tömböt egyesítenek, és Set
arra használják, hogy eltávolítsák az ismétlődő elemeket egy tömbből.
Ez Set
az egyedi értékek gyűjteménye.
Itt,
- Két tömb elemet egyesítenek a szintaxis segítségével
…
- A tömb átalakításra kerül,
Set
és az összes ismétlődő elem automatikusan eltávolításra kerül. - Ezután a terjedési szintaxist
…
arra használják, hogy a tömbhöz visszaállítsák a set összes elemét.