2016 - 2024

感恩一路有你

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

浏览量:3188 时间:2024-02-01 14:26:22 作者:采采

在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集合有所帮助。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。