如何使用ES6中方法創(chuàng)建Set集合并插入和遍歷元素
在ES6中,新增了很多不同的東西,比如有聲明變量的的let和常量的const,數(shù)據(jù)類型Symbol,以及數(shù)據(jù)結(jié)構(gòu)Set和Map。本文將重點(diǎn)介紹如何使用ES6中的Set集合來存儲(chǔ)數(shù)據(jù),并演示如何插入和遍
在ES6中,新增了很多不同的東西,比如有聲明變量的的let和常量的const,數(shù)據(jù)類型Symbol,以及數(shù)據(jù)結(jié)構(gòu)Set和Map。本文將重點(diǎn)介紹如何使用ES6中的Set集合來存儲(chǔ)數(shù)據(jù),并演示如何插入和遍歷元素。
聲明Set集合
首先,在HBuilder工具新建一個(gè)JavaScript文件,在其中聲明一個(gè)Set集合變量s1,并打印出s1的值以及它的數(shù)據(jù)類型。具體操作步驟如下:
```javascript
let s1 new Set();
console.log(s1);
console.log(typeof s1);
```
以上代碼會(huì)輸出s1的結(jié)果為Set {},而typeof s1的結(jié)果為object。
插入元素
接下來,我們可以通過調(diào)用Set集合數(shù)據(jù)結(jié)構(gòu)中的add方法,給集合s1添加多個(gè)元素。具體操作步驟如下:
```javascript
(1);
(2);
(3);
```
以上代碼將向集合s1分別添加了三個(gè)元素:1、2和3。
遍歷元素
為了驗(yàn)證Set集合中不能出現(xiàn)重復(fù)的元素,我們可以使用console.log()函數(shù)打印集合s1的內(nèi)容。具體操作步驟如下:
```javascript
console.log(s1);
```
通過查看控制臺(tái)輸出的結(jié)果,我們可以發(fā)現(xiàn)重復(fù)的1和2只顯示了一次。這表明Set集合不允許出現(xiàn)重復(fù)的元素。
此外,我們還可以使用for...of語句來遍歷Set集合數(shù)據(jù)結(jié)構(gòu)中的元素,并打印出每個(gè)元素的值。具體操作步驟如下:
```javascript
for (let item of s1) {
console.log(item);
}
```
通過執(zhí)行以上代碼,我們可以看到控制臺(tái)輸出的結(jié)果為:1、2和3,分別對(duì)應(yīng)著集合s1中的三個(gè)元素。
總結(jié)
本文介紹了如何使用ES6中的Set集合來存儲(chǔ)數(shù)據(jù),并演示了如何插入和遍歷元素。通過學(xué)習(xí)和使用Set集合,我們可以更方便地處理一些需要存儲(chǔ)獨(dú)特值的情況,同時(shí)也能夠避免重復(fù)元素的問題。希望本文能夠?qū)δ憷斫夂蛻?yīng)用ES6中的Set集合有所幫助。