【js Set()】

这篇具有很好参考价值的文章主要介绍了【js Set()】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Set() 是 JavaScript 中的数据结构之一,它类似于数组,但是每个值都是唯一的(没有重复的值)。它可以存储任何类型的值,包括原始类型和对象引用。

创建一个 Set 对象的语法如下:

const mySet = new Set();

或者可以传递一个数组或类数组对象来初始化 Set 对象:

const mySet = new Set([1, 2, 3, 2]);
console.log(mySet); // Set {1, 2, 3}

Set() 对象具有以下方法:

  1. add(value):向 Set 对象中添加一个新的元素。如果元素已经存在,则不会重复添加。

    mySet.add('a');
    mySet.add('b');
    mySet.add('a');
    console.log(mySet); // Set { 'a', 'b' }
    
  2. delete(value):从 Set 对象中删除一个元素。

    mySet.delete('a');
    console.log(mySet); // Set { 'b' }
    
  3. has(value):判断 Set 对象中是否存在某个元素。

    console.log(mySet.has('b')); // true
    console.log(mySet.has('c')); // false
    
  4. clear():清空 Set 对象中的所有元素。

    mySet.clear();
    console.log(mySet); // Set {}
    
  5. size:获取 Set 对象中元素的数量。

    console.log(mySet.size); // 0
    

Set 对象还有一些其他方法和特性,例如:

  1. 可以使用 for…of 循环遍历所有元素。

    const mySet = new Set([1, 2, 3]);
    for (let item of mySet) {
      console.log(item);
    }
    // Output: 1 2 3
    
  2. 可以使用 Array.from() 或扩展运算符将 Set 对象转换为数组形式。

    const mySet = new Set([1, 2, 3]);
    const myArray = Array.from(mySet);
    console.log(myArray); // [1, 2, 3]
    
    const mySet = new Set(['a', 'b', 'c']);
    const myArray = [...mySet];
    console.log(myArray); // ['a', 'b', 'c']
    

Set() 对象是一种非常有用的数据结构,可以用于存储唯一值,去重,过滤重复数据等操作。文章来源地址https://www.toymoban.com/news/detail-608283.html

到了这里,关于【js Set()】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JS数据结构——Set(集合)详解

    参考: 阮一峰 ECMAScript 6 (ES6) 标准入门教程 Set类似于数组,但是成员的值都是唯一的,没有重复的值。 也就是说它是一系列无序,没有重复数值的数据集合。 很多时候我们把Set叫做集合,但是,Set可以是集合,集合不一定是Set。 Set可以添加数组,因为没有重复数据的特性,

    2024年02月04日
    浏览(30)
  • JS中的Map、Set、WeakMap和WeakSet

    在JavaScript中,Map、Set、WeakMap和WeakSet是四个不同的数据结构,它们都有不同的特点和用途: 1. Map :Map是一种键值对的集合,其中的键和值可以是任意类型的。与对象类似,它们可以通过键来访问值。不同之处在于,Map可以使用任意类型作为键,而对象只能使用字符串或Symb

    2023年04月26日
    浏览(30)
  • 前端jd要求:了解一门后端开发语言优先 解决方案之Node.js

    作为前端开发者,了解一门后端开发语言可以为我们提供更多的职业机会和技术优势。在当今的技术领域中,前后端分离的开发模式已经成为主流,前端和后端的协作和沟通变得越来越紧密。因此,作为前端开发者,学习一门后端语言已经成为提高自己技能的重要途径。 以下

    2024年02月12日
    浏览(52)
  • JS中, Set为什么是带键的集合?

    为了降低并发时的API请求量, 这两天写了个LRU Cache. 其中用到了Set做AllowList, 来判断API是否应该被缓存. 在MDN查API时, 发现Set被归类在Keyed Collection中. 一直以来, 下意识觉得Set只是value唯一的Array. 应该属于Indexed Collection. 感觉有些奇怪, 所以就查了下Set的实现机制 一开始, 先去MD

    2024年02月08日
    浏览(35)
  • 【JS】如何解决Cannot set properties of undefined

    TypeError: Cannot set properties of undefined 类型错误:无法设置未定义的属性 问题解析 当前的是当前对象或者数组是undefined,但是却用来引用属性或者索引 比如下面两种情况 或者是当前的value值不是我们显式声明的undefined,而是运算之后得到undefined,之后我们再去用它 解决方案 问

    2024年02月16日
    浏览(65)
  • 除了three.js,还有许多其他前端开发语言和库可以用于创建3D可视化大屏

    hello老铁们...本人熟悉html5,vue对bootsrap,uniapp,layui,element,vite,antd,echarts,jq响应式尤其擅长,ui设计等技能,如果ui前端工作中有遇到烦恼可私信关注评论我们共同交流进步!谢谢       随着前端技术的飞速发展,3D可视化已经成为许多应用场景中不可或缺的一部分。在

    2024年03月15日
    浏览(72)
  • JS 怎么理解ES6新增Set、Map两种数据结构?

    目录 一、前言 二、Set 1.Set数据结构定义 2.Set数据结构的特性 3.Set数据结构的基本使用 4.Set遍历数据 5.Set 的使用场景 6.WeakSet的使用 7.垃圾回收机制 三、Map 1.Map数据结构定义 2.Map数据结构的特性 3.Map数据结构的基本使用  4.Map遍历数据 5.Map的使用场景 6.WeakMap的使用 7.垃圾回收

    2024年02月08日
    浏览(37)
  • 【Anime.js】——JavaScript动画库:Anime.js——学习笔记

    目录 一、搭建开发环境  二、基本功能和使用 开始制作动画 动画属性 三、anime.stagger——交错动画 四、timeline——时间轴  五、控制、回调与助手 一、控制  二、回调 三、助手 六、easings——动画运动曲线 七、SVG动画 官网定义: anime.js 是一个简便的JS动画库,用法简单而

    2024年02月01日
    浏览(44)
  • JavaScript:解决计算精度问题/mathjs/bignumber.js/big.js/decimal.js

    一、计算精度现象举例 举例1、加法 举例2、减法    举例3、乘法 举例3、除法 二、JS为什么会有计算精度的问题 JavaScript 内部只有一种数字类型Number,也就是说,JavaScript 语言的底层根本没有整数,所有数字都是以IEEE-754标准格式64位浮点数形式储存,1与1.0是相同的。因为有

    2024年02月10日
    浏览(42)
  • 【JS】js数组分组,javascript实现数组的按属性分组

    项目代码中有很多时候需要按一定的条件实现按属性分组 你可以使用JavaScript的 Array.prototype.reduce() 方法来将数组分组。这是一种高级的方法,它可以将数组元素组合成一个单值。在这种情况下,你可以使用它来把数组元素放到一个对象中,其中对象的键是分组的条件,值是所

    2023年04月08日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包