JavaScript Set 详解

本文被收录到:

JavaScript 教程

JavaScript 是互联网上最流行的编程语言。使用 JavaScript 可以开发网站、APP、小程序、游戏和服务器端。写这个教程是为了提高自己的 JavaScript 编程水平,而最好的学习方法就是“费曼学习法”,以教代学,以输出倒逼输入。最近日渐成熟的 AI 工具,刚好成为我写这个教程锦上添花。

目录

在JavaScript中,Set 是一个内置的对象,它允许你存储任何类型的唯一值,无论是原始值或对象。下面是一个关于如何使用 Set 的简单教程:

创建 Set 对象

创建一个空的 Set 对象非常简单:

let mySet = new Set();

也可以通过传递一个数组或其他可迭代对象来初始化 Set:

let mySet = new Set([1, 2, 3, 4]);

添加元素到 Set

你可以使用 add 方法来添加新元素:

mySet.add(5);
mySet.add('some string');

如果尝试添加一个已经存在的元素,则 add 方法不会改变 Set 并返回 false:

mySet.add(5); // 这个 5 已经存在了,所以不会添加

删除 Set 中的元素

可以使用 delete 方法删除元素:

mySet.delete(5); // 删除值为 5 的元素

如果尝试删除不存在的元素,delete 方法将返回 false。

检查 Set 是否包含某个元素

可以使用 has 方法来检查 Set 是否包含某个特定的值:

console.log(mySet.has('some string')); // 输出 true 或 false

获取 Set 的大小

由于 Set 只能存储唯一的值,因此你可以使用 size 属性来获取 Set 中的元素数量:

console.log(mySet.size); // 输出 Set 中的元素数量

请注意,在 ES6(ECMAScript 2015)之前,size 属性是不存在的,所以在一些老版本的浏览器中可能不支持这个属性。

遍历 Set

可以通过 for...of 循环来遍历 Set 中的每个元素:

for (let value of mySet) {
    console.log(value);
}

也可以使用 forEach 方法:

mySet.forEach(value => console.log(value));

获取所有 Set 元素

如果你需要处理 Set 中的所有元素,例如转换成数组,可以使用 Array.from() 或者扩展运算符 ...:

let arrayFromSet = Array.from(mySet);
let spreadArray = [...mySet];

以上就是 JavaScript 中 Set 的基本用法。Set 是一个非常有用的集合类型,特别是在你需要确保存储的元素都是独一无二的情况下。

声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
真诚赞赏,手留余香
赞赏
搜神记
793 文章
4 教程
8 项目
随机推荐
WordPress 使用 shortcode() 增加编辑器功能
JavaScript 数组
阿里云内容安全 API 签名机制
Debian11 安装笔记2:编译安装PHP
Node.js 内置模块
HTML input 元素
PHP curl 的用法
JavaScript 键盘事件