在我們常用的數(shù)據(jù)結(jié)構(gòu)Set和Map中，它們分別由key和value構(gòu)成，但Set集合中key和value是相同的，而Map則不同。下面將介紹如何使用ES6中常見的方法來遍歷這些數(shù)據(jù)結(jié)構(gòu)元素。 遍歷Se

在我們常用的數(shù)據(jù)結(jié)構(gòu)Set和Map中，它們分別由key和value構(gòu)成，但Set集合中key和value是相同的，而Map則不同。下面將介紹如何使用ES6中常見的方法來遍歷這些數(shù)據(jù)結(jié)構(gòu)元素。

遍歷Set集合元素

首先，在新建的JavaScript文件中，定義一個(gè)變量`weeks`并使用Set集合賦值，示例代碼如下：

```javascript

let weeks new Set(["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"]);

```

接著，可以使用Set集合中的方法`keys`來遍歷元素，并打印對應(yīng)的結(jié)果值，示例代碼如下：

```javascript

for (let week of ()) {

console.log(week);

}

```

保存文件并運(yùn)行，可以發(fā)現(xiàn)打印出結(jié)果正好是集合中的元素。

使用values方法遍歷Set集合元素

將上述代碼中的`keys`方法改為`values`方法，然后保存代碼查看打印結(jié)果，示例代碼如下：

```javascript

for (let week of ()) {

console.log(week);

}

```

再次運(yùn)行代碼，可以看到打印出的結(jié)果與使用`keys`方法時(shí)相同。

使用entries方法遍歷Set集合元素

若將`values`方法換成`entries`方法，保存代碼并運(yùn)行查看結(jié)果，示例代碼如下：

```javascript

for (let entry of weeks.entries()) {

console.log(entry);

}

```

可以發(fā)現(xiàn)打印出來的結(jié)果為數(shù)組對象，每個(gè)元素會(huì)多打印一次，這是因?yàn)閌entries`方法返回的是包含鍵值對的數(shù)組。

通過以上實(shí)例，可以了解如何利用ES6中常見的方法來遍歷Set集合中的元素，進(jìn)而靈活應(yīng)用于實(shí)際開發(fā)中。