码农教程 - 一技在手,衣食无忧! tools

目录

JavaScript 集合

❮ 上一节 下一节 ❯

JavaScript 集是唯一值的集合。

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

基本集合方法

方法 描述
新集合() 创建一个新集合
添加（） 将新元素添加到集合中
删除（） 从 Set 中删除一个元素
有（） 如果 Set 中存在某个值，则返回 true
forEach() 为 Set 中的每个元素调用回调
值（） 返回包含 Set 中所有值的迭代器
属性 描述
尺寸 返回 Set 中的元素数量

如何创建一套

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

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

新的 Set() 方法

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

示例

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

创建一个 Set 并添加值：

示例

// Create a Set
const letters = new Set();

// Add Values to the Set
letters.add("a");
letters.add("b");
letters.add("c");
亲自试一试 »

创建一个 Set 并添加变量：

示例

// Create a Set
const letters = new Set();

// Create Variables
const a = "a";
const b = "b";
const c = "c";

// Add Variables to the Set
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");
亲自试一试 »

forEach() 方法

这个forEach()方法为每个 Set 元素调用（calls）一个函数：

示例

// Create a Set
const letters = new Set(["a","b","c"]);

// List all Elements
let text = "";
letters.forEach (function(value) {
  text += value;
})
亲自试一试 »

value() 方法

这个values()方法返回一个新的迭代器对象，其中包含 Set 中的所有值：

示例

letters.values()   // Returns [object Set Iterator]
亲自试一试 »

现在您可以使用 Iterator 对象来访问元素：

示例

// List all Elements
let text = "";
for (const x of letters.values()) {
  text += x;
}
亲自试一试 »

❮ 上一节 下一节 ❯