javascript set使用方法-前端问答-PHP中文网

javascript set使用方法

PHPz

发布： 2023-05-22 09:56:07

原创

2952人浏览过

javascript是一种动态语言，由于其灵活性，它与html和css一起，成为了web开发中最基本的三个元素之一。在javascript中，set是一种非常常用的数据结构，可存储任何类型的唯一值。接下来，我们将讨论 javascript set的使用方法和功能。

一、创建Set

在JavaScript中，我们可以使用以下方式来创建Set：

const set = new Set();

登录后复制

这将创建一个空Set。我们也可以将一个数组转换为set：

const arr = [1, 2, 3, 3, 4];
const set = new Set(arr); //这将创建一个唯一的值集合：{1, 2, 3, 4}

登录后复制

二、向Set添加值

立即学习“Java免费学习笔记（深入）”；

在Set中，我们使用add()方法向其添加唯一的元素。如果添加的元素在Set中已存在，则不会添加。

const set = new Set();
set.add("hello");
set.add("world");
console.log(set); //输出Set("hello", "world")

登录后复制

三、从Set中删除值

从Set中删除一个值，我们可以使用delete()方法。如果该值不存在，delete()方法也会返回false。

const set = new Set();
set.add("hello");
set.add("world");
set.delete("world");
console.log(set); //输出 Set("hello")

登录后复制

我们还可以通过clear()方法清空整个Set：

const set = new Set();
set.add("hello");
set.add("world");
set.clear();
console.log(set); //输出 Set()

登录后复制

四、遍历Set

在JavaScript中，我们可以使用for-of循环遍历Set。由于Set中不允许重复值，因此for-of循环将自动跳过重复值。

const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item);
}

登录后复制

输出结果为：

1
2
3

登录后复制

除了for-of循环，我们还可以使用forEach()方法来遍历Set。这将遍历set中的每个元素，并对其执行回调函数。

const set = new Set([1, 2, 3]);
set.forEach((item) => {
  console.log(item);
});

登录后复制

五、Set的常用方法

在JavaScript中，Set有许多常用的方法，下面是一些常用的方法：

has()方法：检查Set中是否包含某个值。

const set = new Set([1, 2, 3]);
console.log(set.has(2)); //输出 true
console.log(set.has(4)); //输出 false

登录后复制

size属性：返回Set中元素的数量。

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

登录后复制

keys()方法：返回Set中所有元素的键名。

const set = new Set([1, 2, 3]);
console.log(set.keys()); //输出 SetIterator {1, 2, 3}

登录后复制

values()方法：返回Set中所有元素的值。

const set = new Set([1, 2, 3]);
console.log(set.values()); //输出 SetIterator {1, 2, 3}

登录后复制

entries()方法：返回Set中所有元素的键值对。

const set = new Set([1, 2, 3]);
console.log(set.entries()); //输出 SetIterator { [1, 1], [2, 2], [3, 3] }

登录后复制

六、Set与数组之间的转换

在JavaScript中，我们可以将Set转换为数组，也可以将数组转换为Set。以下是两种转换方式：

将Set转换为数组：

const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(arr); //输出 [1, 2, 3]

登录后复制

将数组转换为Set：

const arr = [1, 2, 3];
const set = new Set(arr);
console.log(set); //输出 Set(3) {1, 2, 3}

登录后复制

七、Set的使用场景

Set可以用于去除重复的值，这在处理数据时非常有用。例如，在从数据库中检索结果时，由于结果可能包含重复的值，因此我们可以使用Set来去除重复值。

Set还可以存储任何类型的数据。这使得它可以在很多场景中使用。例如，当我们需要存储大量的数值时，我们可以使用Set来存储数值。

总之，在JavaScript中，Set是一个非常有用的数据结构，它可以在很多场景中发挥作用。通过学习Set的基本使用方法，我们可以更好地运用JavaScript进行Web开发。

以上就是javascript set使用方法的详细内容，更多请关注php中文网其它相关文章！