Apa itu Set di TypeScript dan Bagaimana Cara Menggunakannya?

A ' Mengatur ” adalah struktur data yang menyimpan grup/kumpulan nilai unik. Nilai dalam satu set dapat berupa tipe data apa pun termasuk angka, string, atau objek. Salah satu fitur utama Set adalah tidak mengizinkan nilai duplikat. Ketika sebuah nilai baru ditambahkan ke sebuah Set, nilai tersebut diperiksa terhadap nilai yang ada untuk melihat apakah sudah ada. Jika nilainya sudah ada, itu tidak ditambahkan ke Set. Ini membuatnya berguna untuk menyimpan nilai unik dan menghindari duplikat.

Artikel ini akan mendemonstrasikan Set di TypeScript dan cara penggunaannya di TypeScript.

Apa itu Set di TypeScript?

“ Mengatur ” adalah struktur data bawaan di TypeScript, yang memungkinkan penyimpanan elemen unik dari jenis apa pun, apakah itu tipe primitif seperti angka dan string, atau objek kompleks. Seperti array, Set memungkinkan Anda untuk menyimpan kumpulan nilai, namun tidak seperti array, Set tidak memiliki indeks. Suatu himpunan dapat dideklarasikan atau diinisialisasi menggunakan “ Mengatur ” konstruktor.

Sintaksis

Untuk membuat Set, gunakan sintaks berikut:

const mySet = Set baru ( ) ;

Alternatifnya, Anda juga dapat menentukan jenis Set menggunakan sintaks yang diberikan:

const mySet = Set baru < jenis > ( ) ;

Sebelum melanjutkan, pahami terlebih dahulu bahwa untuk mengeksekusi file TypeScript, itu harus diubah menjadi file JavaScript setelah setiap modifikasi dan kemudian jalankan kode JavaScript di terminal menggunakan perintah yang diberikan:

nama file tsc.ts
simpul nama file.js

Contoh

Dalam contoh yang diberikan, kami hanya akan membuat Set. Pertama, nyatakan dan inisialisasi “ rangkaian ' ketik Set bernama ' mengatur ” menggunakan Set Constructor dan mencetaknya di konsol menggunakan “ konsol.log() ' metode:

const mengatur = Set baru < rangkaian > ( [ 'HTML' , 'CSS' , 'JavaScript' , 'jQuery' ] ) ;
console.log ( mengatur ) ;

Keluaran

Anda juga dapat mendeklarasikan sebuah Set tanpa menentukan tipenya menggunakan Set Constructor:

const mengatur = Set baru ( ) ;

Tambahkan nilai ke Set menggunakan “ menambahkan() ” metode yang merupakan metode yang telah ditentukan dari objek Set:

set.tambahkan ( 'HTML' ) ;
set.tambahkan ( 'CSS' ) ;
set.tambahkan ( 'JavaScript' ) ;
set.tambahkan ( 'jQuery' ) ;

Terakhir, cetak Set di konsol:

console.log ( mengatur ) ;

Keluaran

Metode Set TypeScript

Beberapa metode dan properti Set Object yang umum digunakan akan dibahas dalam tabel berikut:

Metode/Properti	Keterangan	Sintaksis
menambahkan()	Metode ini digunakan untuk menambahkan nilai dalam Set.	mySet.add(nilai)
memiliki()	Untuk memverifikasi, apakah elemen yang diberikan ada di dalam array atau tidak, gunakan metode “has()”.	mySet.has(nilai)
menghapus()	Untuk menghapus elemen apa pun dari Set, gunakan metode ini.	mySet.delete(nilai)
nilai()	Untuk mendapatkan nilai Set, metode “values()” digunakan.	mySet.nilai()
ukuran	Properti 'ukuran' digunakan untuk menentukan panjang atau ukuran Set.	mySet.ukuran
jernih()	Untuk menghapus atau menghapus semua elemen dari Set, metode ini digunakan.	mySet.clear()

Bagaimana Set dapat Digunakan dalam TypeScript?

Di TypeScript atau di JavaScript, Set dapat digunakan untuk menghapus duplikat dari array, memverifikasi keanggotaan koleksi, dan melakukan operasi set termasuk penyatuan, persimpangan, dan perbedaan.

Contoh

Di sini, dalam contoh yang diberikan kita akan melihat bagaimana Set menghapus nilai duplikat dari sebuah array. Pertama, buat array bilangan genap:

const evenNmbers = [ 2 , 4 , 6 , 2 , 8 , 10 , 4 , 14 , 12 ] ;

Kemudian, kami akan menentukan panjang array menggunakan ' panjang ” atribut:

console.log ( 'Ukuran array adalah:' + evenNmbers.panjang ) ;

Sekarang, buat Set menggunakan konstruktor Set dengan melewatkan array “ evenNumbers ”:

const uniqueEvenNumbersSet = Set baru ( evenNmbers ) ;

Ulangi Set dan cetak nilai pada konsol:

uniqueEvenNumbersSet.forEach ( ( nilai ) = > {
console.log ( nilai ) ;
} ) ;

Terakhir, kami akan memverifikasi ukuran Set menggunakan “ ukuran ' Properti.:

console.log ( 'Ukuran set adalah:' + uniqueEvenNumbersSet.size ) ;

Output menunjukkan bahwa panjang array adalah “ 9 ” sedangkan panjang atau ukuran Set adalah “ 7 ” yang menunjukkan bahwa Set menghapus nilai duplikat dari array dan hanya menyimpan nilai unik:

Itu semua tentang Set di TypeScript dan penggunaannya di TypeScript.

Kesimpulan

'Set' adalah struktur data yang telah ditentukan sebelumnya dalam TypeScript, yang memungkinkan penyimpanan elemen unik dari jenis apa pun. Di TypeScript dapat digunakan untuk menghapus duplikat dari array, memverifikasi keanggotaan koleksi, dan melakukan operasi set seperti penyatuan, persimpangan, dan perbedaan. Artikel ini mendemonstrasikan Set di TypeScript dan cara penggunaannya di TypeScript.

Apa itu Set di TypeScript dan Bagaimana Cara Menggunakannya?