Bagaimana untuk menambah elemen pada koleksi set dalam es6

青灯夜游
Lepaskan: 2023-01-11 17:28:14
asal
1860 orang telah melayarinya

Koleksi set ES6 boleh menggunakan kaedah add() untuk menambah elemen. Set ialah struktur data dengan struktur yang serupa dengan tatasusunan dan tidak mempunyai nilai pendua terbina dalam kaedah tambah() boleh menambah elemen pada set, sintaksnya ialah "set.add(value);", dan struktur Set; akan dikembalikan selepas penambahan itu sendiri.

Bagaimana untuk menambah elemen pada koleksi set dalam es6

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Set: Ia ialah struktur data dengan struktur yang serupa dengan tatasusunan dan tidak mempunyai nilai pendua. Terutamanya digunakan untuk deduplikasi tatasusunan dan deduplikasi rentetan.

1 Kaedah operasi

(1) tambah(): tambah nilai dan kembalikan struktur Set itu sendiri

let set = new Set()
set.add(1);
console.log(set);
set.add(1).add(2).add(1)
console.log(set)
//注:拓展运算符 (...)可以将Set值扩展出来
console.log(...set)
console.log([...set])
Salin selepas log masuk

Bagaimana untuk menambah elemen pada koleksi set dalam es6
(2) delete(): Padamkan nilai dan kembalikan boolean untuk menunjukkan sama ada pemadaman berjaya (3) has(): Tentukan sama ada nilai itu wujud dan kembalikan Boolean

let set = new Set()
set.add(1).add(2);
let a = set.delete(1);
console.log(set)
//注:拓展运算符 (...)可以将Set值扩展出来
console.log(...set)
console.log(a)
set.delete(3)
console.log(...set)
Salin selepas log masuk

Bagaimana untuk menambah elemen pada koleksi set dalam es6
(3) has(): Tentukan sama ada nilai itu wujud dan kembalikan Boolean

let set = new Set()
set.add(1).add(2);
let a = set.has(1);//true
let b = set.has(3);//false
console.log(a,b)
Salin selepas log masuk

(4) clear(): Kosongkan semua nilai. Tiada nilai pulangan

let set = new Set();
set.add(1).add(2);
set.clear();
console.log(set,[...set]);//Set(0){} []
Salin selepas log masuk

2. Kaedah traversal:

(1) Since Set hanya mempunyai nilai kunci dan tiada nama kunci , ia juga boleh dikatakan Kunci dan nilai adalah sama (kunci dan nilai adalah sama dan boleh diabaikan), jadi nilai pulangan kunci dan nilai adalah sama

let set = new  Set();
set.add(1).add(2).add(3)
for(let i of set.keys()){   //keys遍历
    console.log(i)
}
for(let i of set.values()){ //values遍历
    console.log(i)
}
set.add('hello').add('world');
for( let i of set.entries() ){ //打印键值对
    console.log(i) 
}
Salin selepas log masuk

Bagaimana untuk menambah elemen pada koleksi set dalam es6
(2) forEach():

let set = new Set();
set.add('hello').add('world');
set.forEach((key,val)=>{
    console.log(key + '||' + val)
})
Salin selepas log masuk

Bagaimana untuk menambah elemen pada koleksi set dalam es6
(3) Set boleh menerima tatasusunan sebagai parameter:

let arr = ['小红','小明','小强','小明'];
let set = new Set(arr);
console.log(...set)
Salin selepas log masuk

Bagaimana untuk menambah elemen pada koleksi set dalam es6
(4) Set melaksanakan kesatuan dan persilangan:

let arr = [4,5,6];
let list = [5,6,7];
let setA = new Set(arr);
let setB = new Set(list);
//并集 :集合A与集合 B的并集A U B
let bj = new Set([...setA,...setB])
console.log(bj)// 返回Set结构 Set(4) {4,5,6,7}
//交集:集合A 与 集合B 的交集 A ∩ B
let jj = new Set([...setA].filter(val => setB.has(val)))//通过 filter拿到符合条件的值
console.log(jj)//Set(2) { 5, 6 }
Salin selepas log masuk

Bagaimana untuk menambah elemen pada koleksi set dalam es6

[Cadangan berkaitan: tutorial video javascript, Video pengaturcaraan]

Atas ialah kandungan terperinci Bagaimana untuk menambah elemen pada koleksi set dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!