admin 管理员组

文章数量: 887021


2023年12月17日发(作者:android简单搜索框功能实现)

js new set方法

JavaScript中的Set是一种新数据结构,它是一组唯一值(无序)的集合。ES6引入了一种新的方法,称为“new Set()”。在本文中,我们将探讨这种新方法的一些基础知识和实际应用。

1. Set的定义和用法

Set是一种用于存储唯一值的数据结构,可以将任何可迭代对象(如数组)转换为Set对象。它是一个无序集合,没有重复的元素。Set中的每个元素都必须是唯一的。以下是Set的一些用法:

(1)创建一个空的Set对象

const set = new Set();

(2)使用数组来创建一个Set对象

const arr = [1, 2, 3, 4, 5];

const set = new Set(arr);

(3)添加元素到Set中

(6);

(4)从Set中删除元素

(6);

(5)检查Set中是否包含一个元素

(2); // Returns true

2. Set和数组的区别

Set与数组的相似之处在于,它们都是可以存储一组数据的数据结构。但是,Set对象不同于数组,因为它不会保存重复的元素。例如:

let arr = [1, 2, 3, 4, 5, 6, 5, 4, 3, 2, 1];

let set = new Set(arr);

; // Returns 6

3. Set常用的方法

(1).add(value):向Set对象添加一个新的元素。

(2).delete(value):从Set对象中删除一个元素。

(3).has(value):检查Set对象是否包含一个元素。

(4).clear():从Set对象中删除所有元素。

(5).size:返回Set对象中的元素数量。

4. Set的遍历方法

(1).forEach():遍历Set对象中的所有元素。

(2).keys():返回一个迭代器对象,其中包含Set对象中所有元素的键。

(3).values():返回一个迭代器对象,其中包含Set对象中所有元素的值。

(4).entries():返回一个迭代器对象,其中包含Set对象中所有元素的键和值。

5. Set应用

Set可以用于去重。

const arr = [1, 2, 3, 2, 1, 4];

const uniqueArr = [...new Set(arr)]; // Returns [1, 2, 3, 4]

Set可以用于交集、并集和差集等操作。

const set1 = new Set([1, 2, 3, 4, 5]);

const set2 = new Set([4, 5, 6, 7]);

const intersection = new Set([...set1].filter(x =>

(x))); // Returns Set {4, 5}

const union = new Set([...set1, ...set2]); // Returns Set {1,

2, 3, 4, 5, 6, 7}

const difference = new Set([...set1].filter(x

=> !(x))); // Returns Set {1, 2, 3}

6. 总结

Set是一种新的数据结构,用于存储一组唯一值。JavaScript中的

“new Set()”方法可用于创建、添加、删除和检查Set对象中的元素。Set可以用于去重和集合运算等操作。由于Set没有重复的元素,它比数组更加高效。有了Set,我们可以更方便地操作我们的应用程序数据。


本文标签: 对象 元素 数组 操作 集合