导航
×
   ❮   
HTML CSS JavaScript PHP Go ECMS

JavaScript 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JavaScript Set 集合


JavaScript 集合是一个包含唯一值的集合。

每个值在集合中只能出现一次。

这些值可以是任何类型,包括原始值和对象。


如何创建集合

您可以通过以下方式创建 JavaScript 集合:

  • 将数组传递给 new Set()
  • 创建一个空集合,并使用 add() 添加值

新的 Set() 方法

将数组传递给 new Set() 构造函数:

示例

// 创建一个 Set
const letters = new Set(["a","b","c"]);
亲自试一试 »

创建集合并添加值:

示例

// 创建一个集合
const letters = new Set();

// 向集合添加值
letters.add("a");
letters.add("b");
letters.add("c");
亲自试一试 »

创建集合并添加变量:

示例

// 创建一个集合
const letters = new Set();

// 创建变量
const a = "a";
const b = "b";
const c = "c";

// 将变量添加到集合中
letters.add(a);
letters.add(b);
letters.add(c);
亲自试一试 »

add() 方法

示例

letters.add("d");
letters.add("e");
亲自试一试 »

如果添加相同的元素,则只会保存第一个元素:

示例

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
亲自试一试 »

列出元素

您可以使用for...of循环列出集合中的所有元素(值):

示例

// 创建一个集合
const letters = new Set(["a","b","c"]);

// 列出所有元素
let text = "";
for (const x of letters) {
  text += x;
}
亲自试一试 »

集合是对象

typeof 返回对象:

typeof letters;      // 返回对象
亲自试一试 »

instanceof Set 返回 true:

letters instanceof Set;  // 返回 true
亲自试一试 »


浏览器支持

SetES6 特性

自 2017 年 6 月起,所有现代浏览器均已完全支持 ES6。

         
Chrome
51
Edge
15
Firefox
54
Safari
10
Opera
38
2016年5月 2017年4月 2017年6月 2016年9月 2016年6月

freew3c.com 中文网是独立运营的中文开发者学习平台,与 freew3c.com 无关联。提供的内容仅用于学习和测试,不保证内容的正确性。


Copyright @2020-2026 京ICP备888888号-8