JS的Set的使用

在 JavaScript 中,Set 是 ES6 引入的一种新的数据结构,它类似于数组,但成员的值都是唯一的,没有重复的值。Set 提供了一系列方法来操作集合。以下是一些常见的 Set 方法:

1.构造函数:

let set = new Set([1, 2, 3, 4, 5]);
console.log("Set constructor:", set);
// 输出:Set { 1, 2, 3, 4, 5 }

2.add():向集合添加一个新的元素。

let set = new Set();
set.add(1).add(2).add(3);
console.log("set.add():", set);
// 输出:Set { 1, 2, 3 }

3.delete():删除集合中的一个元素。

let set = new Set([1, 2, 3]);
set.delete(2);
console.log("set.delete():", set);
// 输出:Set { 1, 3 }

4.has():检查集合中是否包含某个元素。

let set = new Set([1, 2, 3]);
let hasElement = set.has(2);
console.log("set.has():", hasElement); // 输出:true

5.clear():清空集合中的所有元素。

let set = new Set([1, 2, 3]);
set.clear();
console.log("set.clear():", set);
// 输出:Set {}

6.size:获取集合中元素的数量。

let set = new Set([1, 2, 3]);
let setSize = set.size;
console.log("set.size:", setSize); // 输出:3

7.forEach():对集合中的每个元素执行提供的函数。

let set = new Set([1, 2, 3]);
set.forEach(element => console.log("set.forEach():", element));
// 输出:
// 1
// 2
// 3

8.keys()、values()、entries():返回一个包含集合中所有键、所有值、所有键值对的迭代器。

let set = new Set([1, 2, 3]);
let keys = set.keys();
let values = set.values();
let entries = set.entries();

console.log("set.keys():", Array.from(keys)); // 输出:[1, 2, 3]
console.log("set.values():", Array.from(values)); // 输出:[1, 2, 3]
console.log("set.entries():", Array.from(entries)); // 输出:[[1, 1], [2, 2], [3, 3]]

这些方法使得 Set 成为处理唯一值集合的有用工具。需要注意的是,Set 的成员值是唯一的,如果添加重复的值,它会被忽略。

你可能感兴趣的:(前端学习,javascript,前端,开发语言)