W tym przykładzie nauczysz się pisać program JavaScript, który połączy dwie tablice i usunie zduplikowane elementy z tablicy.
Aby zrozumieć ten przykład, powinieneś znać następujące tematy programowania JavaScript:
- JavaScript Array concat ()
- JavaScript Set i WeakSet
- Operator rozpowszechniania JavaScript
Przykład 1: użycie concat () i pętli
// 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);
Wynik
(1, 2, 3, 5)
W powyższym programie dwa elementy tablicy są łączone, a zduplikowane elementy są usuwane.
Tutaj,
- Dwie tablice są łączone przy użyciu
concat()metody. for… ofPętla jest stosowany w pętli przez wszystkie elementy ARR.indexOf()Sposób powraca -1 , gdy element jest w tablicy.
Dlatego podczas każdej iteracji, jeśli element jest równy -1 , element jest dodawany do tablicy uniqueArr przy użyciu push()metody.
Przykład 2: Korzystanie ze składni i zestawu spreadów
// 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);
Wynik
(1, 2, 3, 5)
W powyższym programie dwie tablice są łączone razem i Setsłużą do usuwania zduplikowanych elementów z tablicy.
To Setzbiór unikalnych wartości.
Tutaj,
- Dwa elementy tablicy są łączone ze sobą przy użyciu składni rozkładu
… - Tablica jest konwertowana na,
Seta wszystkie zduplikowane elementy są automatycznie usuwane. - Składnia spreadu
…jest następnie używana do włączenia wszystkich elementów zestawu z powrotem do tablicy.
