Cara menggunakan set javascript

JavaScript ialah bahasa dinamik Disebabkan fleksibilitinya, ia telah menjadi salah satu daripada tiga elemen paling asas dalam pembangunan web, bersama-sama dengan HTML dan CSS. Dalam JavaScript, set ialah struktur data yang sangat biasa digunakan yang boleh menyimpan nilai unik dari sebarang jenis. Seterusnya, kita akan membincangkan penggunaan dan fungsi set JavaScript.

1. Cipta Set

Dalam JavaScript, kita boleh menggunakan kaedah berikut untuk mencipta Set:

const set = new Set();

Ini akan mencipta Set kosong. Kami juga boleh menukar tatasusunan kepada set:

const arr = [1, 2, 3, 3, 4];
const set = new Set(arr); //这将创建一个唯一的值集合：{1, 2, 3, 4}

2. Tambahkan nilai pada Set

Dalam Set, kami menggunakan kaedah add() untuk menambah elemen unik padanya . Jika elemen tambahan sudah wujud dalam Set, ia tidak akan ditambah.

const set = new Set();
set.add("hello");
set.add("world");
console.log(set); //输出Set("hello", "world")

3. Padamkan nilai daripada Set

Untuk memadamkan nilai daripada Set, kita boleh menggunakan kaedah delete(). Jika nilai tidak wujud, kaedah delete() juga akan mengembalikan false.

const set = new Set();
set.add("hello");
set.add("world");
set.delete("world");
console.log(set); //输出 Set("hello")

Kami juga boleh mengosongkan keseluruhan Set melalui kaedah clear():

const set = new Set();
set.add("hello");
set.add("world");
set.clear();
console.log(set); //输出 Set()

4. Melintasi Set

Dalam JavaScript, kami boleh menggunakan gelung for-of untuk melintasi Set. Oleh kerana nilai pendua tidak dibenarkan dalam Set, gelung for-of akan secara automatik melangkau nilai pendua.

const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item);
}

Hasil output ialah:

1
2
3

Selain gelung for-of, kita juga boleh menggunakan kaedah forEach() untuk melintasi Set. Ini akan menggelungkan setiap elemen dalam set dan melaksanakan fungsi panggil balik padanya.

const set = new Set([1, 2, 3]);
set.forEach((item) => {
  console.log(item);
});

5. Kaedah biasa Set

Dalam JavaScript, Set mempunyai banyak kaedah yang biasa digunakan:

1. mempunyai kaedah : Semak sama ada Set mengandungi nilai tertentu.

const set = new Set([1, 2, 3]);
console.log(set.has(2)); //输出 true
console.log(set.has(4)); //输出 false

2. atribut saiz: Mengembalikan bilangan elemen dalam Set. Kaedah

const set = new Set([1, 2, 3]);
console.log(set.size); //输出 3

3. keys() : Mengembalikan nama kunci semua elemen dalam Set.

const set = new Set([1, 2, 3]);
console.log(set.keys()); //输出 SetIterator {1, 2, 3}

4. kaedah nilai(): Mengembalikan nilai semua elemen dalam Set. Kaedah

const set = new Set([1, 2, 3]);
console.log(set.values()); //输出 SetIterator {1, 2, 3}

5. entri(): Mengembalikan pasangan nilai kunci semua elemen dalam Set.

const set = new Set([1, 2, 3]);
console.log(set.entries()); //输出 SetIterator { [1, 1], [2, 2], [3, 3] }

6 Penukaran antara Set dan Tatasusunan

Dalam JavaScript, kita boleh menukar Set kepada tatasusunan, atau tatasusunan kepada Set. Berikut ialah dua kaedah penukaran:

1. Tukar Set kepada Array:

const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(arr); //输出 [1, 2, 3]

2. Tukar Array kepada Set:

const arr = [1, 2, 3];
const set = new Set(arr);
console.log(set); //输出 Set(3) {1, 2, 3}

7 . Senario penggunaan Set

Set boleh digunakan untuk mengalih keluar nilai pendua, yang sangat berguna semasa memproses data. Sebagai contoh, apabila mendapatkan semula hasil daripada pangkalan data, memandangkan keputusan mungkin mengandungi nilai pendua, kami boleh menggunakan Set untuk mengalih keluar nilai pendua.

Set juga boleh menyimpan sebarang jenis data. Ini membolehkan ia digunakan dalam banyak senario. Sebagai contoh, apabila kita perlu menyimpan sejumlah besar nilai, kita boleh menggunakan Set untuk menyimpan nilai.

Ringkasnya, Set ialah struktur data yang sangat berguna dalam JavaScript, yang boleh memainkan peranan dalam banyak senario. Dengan mempelajari penggunaan asas Set, kami boleh menggunakan JavaScript dengan lebih baik untuk pembangunan web.

Atas ialah kandungan terperinci Cara menggunakan set javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!