如何使用ES6中方法創建Set集合并插入和遍歷元素

在ES6中，新增了很多不同的東西，比如有聲明變量的的let和常量的const，數據類型Symbol，以及數據結構Set和Map。本文將重點介紹如何使用ES6中的Set集合來存儲數據，并演示如何插入和遍

在ES6中，新增了很多不同的東西，比如有聲明變量的的let和常量的const，數據類型Symbol，以及數據結構Set和Map。本文將重點介紹如何使用ES6中的Set集合來存儲數據，并演示如何插入和遍歷元素。

聲明Set集合

首先，在HBuilder工具新建一個JavaScript文件，在其中聲明一個Set集合變量s1，并打印出s1的值以及它的數據類型。具體操作步驟如下：

```javascript

let s1 new Set();

console.log(s1);

console.log(typeof s1);

```

以上代碼會輸出s1的結果為Set {}，而typeof s1的結果為object。

插入元素

接下來，我們可以通過調用Set集合數據結構中的add方法，給集合s1添加多個元素。具體操作步驟如下：

```javascript

(1);

(2);

(3);

```

以上代碼將向集合s1分別添加了三個元素：1、2和3。

遍歷元素

為了驗證Set集合中不能出現重復的元素，我們可以使用console.log()函數打印集合s1的內容。具體操作步驟如下：

```javascript

console.log(s1);

```

通過查看控制臺輸出的結果，我們可以發現重復的1和2只顯示了一次。這表明Set集合不允許出現重復的元素。

此外，我們還可以使用for...of語句來遍歷Set集合數據結構中的元素，并打印出每個元素的值。具體操作步驟如下：

```javascript

for (let item of s1) {

console.log(item);

}

```

通過執行以上代碼，我們可以看到控制臺輸出的結果為：1、2和3，分別對應著集合s1中的三個元素。

總結

本文介紹了如何使用ES6中的Set集合來存儲數據，并演示了如何插入和遍歷元素。通過學習和使用Set集合，我們可以更方便地處理一些需要存儲獨特值的情況，同時也能夠避免重復元素的問題。希望本文能夠對你理解和應用ES6中的Set集合有所幫助。