iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript中Set集合的方法详情
  • 773
分享到

JavaScript中Set集合的方法详情

2024-04-02 19:04:59 773人浏览 八月长安
摘要

目录Set集合概述如何创建并使用 SetAdd()Clear()Delete()Entries()Has()ForEach()Keys() 与 values()SizeSe

Set集合概述

  • Set集合和Arry数组很相似,但是Set集合存储的是key也就是说Set集合中不可以存在两个值和数据类型都相等的key
  • Set集合不可以用下标取值
  • Set集合没有length属性而是size
  • Set集合可以通过Array.from转为真正的数组

如何创建并使用 Set

创建一个 Set 并添加现有变量:

// 创建变量
const a = "a";
const b = "b";
const c = "c";

// 创建 Set
const letters = new Set();

letters.add(a);
letters.add(b);
letters.add(c);

Add()

往集合添加元素,会进行去重,重复的元素添加只会显示一个

var set = new Set()
set.add(1)
console.log(set); // {1}

var set = new Set().add(1).add([2,3,4])
console.log(set); // {1, [2,3,4]}

var set = new Set([1,2,3,4,5,6]);
console.log(set.add(123)); // {1, 2, 3, 4, 5,6,123} 说明添加成功了
console.log(set.add(1)); // {1, 2, 3, 4, 5,6,123} 说明重复的没有添加成功

Clear()

清空Set对象

var set = new Set([1,2,3,4,5,6]);
set.clear()
console.log(set); // {size: 0} 清空成功

Delete()

删除Set对象中的值

var set = new Set([1,2,3,4,5,6]);
console.log(set.delete(1));  // true 说明删除成功
console.log(set.delete(1));  // false说明删除失败,因为集合中已经不存在 1
console.log(set);   // [2,3,4,5,6] 1被删除掉了

Entries()

Entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。迭代对象中数组的索引值作为 key, 数组元素作为 value。

var set = new Set([1,2,3,4,5]);
console.log(set); // {1, 2, 3, 4, 5}
console.log(set.entries()); // {1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5}

Has()

判断Set对象中某个值是否存在,存在返回true,不存在返回false

var set = new Set([1,2,3,4,5]);
console.log(set.has(1)); // ture 说明Set对象中存在1
console.log(set.has(6)); // false 说明Set对象中不存在6

ForEach()

为每个元素调用回调 它具有三个参数:

  • .value:可选,Set对象中元素的值。
  • .key:可选由于Set对象没有键,所以key的值和value的值相同。
  • .setObj:可选,Set对象本身。
var set = new Set([1,2,3,4,5]);
set.forEach((value,key,setObj)=>{
  console.log(value,key,setObj);
})
// 1 1 {1, 2, 3, 4, 5}
// 2 2 {1, 2, 3, 4, 5}
....

Keys() 与 values()

返回Set对象的key值数组,返回Set对象的value值数组

var set = new Set([1,2,3,4,5]);
console.log(set.keys()); // {1, 2, 3, 4, 5}
console.log(set.values()); // {1, 2, 3, 4, 5}

Size

返回Set对象中元素计数

var set = new Set([1,2,3,4,5]);
console.log(set.size);  // 5

Set 对象的方法和属性集合

名称说明
new Set()创建新的 Set 对象。
add()向 Set 添加新元素。
clear()从 Set 中删除所有元素。
delete()删除由其值指定的元素。
entries()返回 Set 对象中值的数组。
has()如果值存在则返回 true。
forEach()为每个元素调用回调。
keys()返回 Set 对象中值的数组。
values()与 keys() 相同。
size返回元素计数。

到此这篇关于javascript中Set集合的方法详情的文章就介绍到这了,更多相关js Set集合内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript中Set集合的方法详情

本文链接: https://www.lsjlt.com/news/167473.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript中Set集合的方法详情
    目录Set集合概述如何创建并使用 SetAdd()Clear()Delete()Entries()Has()ForEach()Keys() 与 values()SizeSe...
    99+
    2024-04-02
  • JavaScript中set集合的方法都有哪些
    JavaScript中set集合的方法都有哪些,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。set方法有:1、add(),用于往集合添加元...
    99+
    2024-04-02
  • javascript ES6中set集合、map集合使用方法详解与源码实例
    set与map理解 ES6中新增,set集合和map集合就是一种数据的存储结构(在ES6之前数据存储结构只有array,object),不同的场景使用不同的集合去存储数据 set集合...
    99+
    2022-12-10
    javascript ES6中set集合 map集合使用方法详解与源码实例 JS ES6中set集合使用方法 JS ES6中map集合使用方法
  • java中set集合的常用方法详解
    因为Set集合也是继承Collection集合 所以这里就不讲继承Collection集合的方法   都是继承Collection集合的方法 //www.jb5...
    99+
    2024-04-02
  • Python集合set()使用的方法详解
    目录1.集合的特点2.set的建立1.用set()函数创建set集合2.add()3.用{}创建set集合。空set集合用set()函数表示,不可a={}。4.set集合的转化3.常...
    99+
    2024-04-02
  • python中set集合常用方法
    今天开始学习python的集合相关方法的使用:#集合的定义:集合是无序的,不重复的数据集合set={"123","456","11"}#add:向集合中填加元素Add an element to a set.set.add(563) pri...
    99+
    2023-01-31
    常用 方法 python
  • javascript ES6中set集合、map集合如何使用
    本文小编为大家详细介绍“javascript ES6中set集合、map集合如何使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“javascript ES6中set集合、map集合如何使用”文章能帮助大家解决疑惑,下...
    99+
    2023-07-04
  • 详细介绍Python中的set集合
    目录Python中的set集合一、集合是什么?二、set集合怎么用?1、创建set集合2、删除set集合3、访问set集合元素4、删除集合中的元素5、向集合中添加元素三、set集合的...
    99+
    2024-04-02
  • Swift Set集合及常用方法详解总结
    Swift 集合 Set 及常用方法 1. 创建Set集合 // 创建Set var set: Set<Int> = [1, 2, 3] var set2 = Set...
    99+
    2024-04-02
  • Python集合set的交集和并集操作方法
    目录一、交集操作1.使用intersection()求交集2. 使用位运算&符求交集3.intersection_update()方法4.使用intersection()方法...
    99+
    2024-04-02
  • C#集合之集(set)的用法
    包含不重复元素的集合称为“集(set)”。.NET Framework包含两个集HashSet<T>和SortedSet<T>,它们都...
    99+
    2024-04-02
  • java中set集合的常用方法有哪些
    这篇文章给大家介绍java中set集合的常用方法有哪些,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。因为Set集合也是继承Collection集合所以这里就不讲继承Collection集合的方法  ...
    99+
    2023-06-25
  • java中set集合遍历的方法是什么
    在Java中,Set集合可以通过迭代器(Iterator)或者增强for循环(foreach)来进行遍历。 使用迭代器遍历Set集合...
    99+
    2024-03-04
    java
  • Python集合set()方法如何使用
    这篇文章主要讲解了“Python集合set()方法如何使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Python集合set()方法如何使用”吧!在python3中按数据类型的可变与不可变...
    99+
    2023-06-29
  • Set集合转为List集合常见的方式
    将 Set 转为 List 可以有多种方法,以下是两种常见的实现方式: 使用构造方法 可以使用 List 的构造方法 ArrayList(Collection...
    99+
    2023-08-31
    java
  • 详解python的集合set的函数
    目录常用查询增加删除交、并、补、对称差交集并集补集对称差其他总结s={ x1,x2,x3.....}; 集合有自动去重的功能,而且可以进行交并补运算,而且集合是无序的,每次打印的结果...
    99+
    2024-04-02
  • ES6中Set与WeakSet集合详细介绍
    这篇文章主要讲解了“ES6中Set与WeakSet集合详细介绍”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ES6中Set与WeakSet集合详细介绍”吧!目录Set是值永不重复的特殊集合S...
    99+
    2023-06-20
  • Python中的SET集合操作
     python的set和其他语言类似, 是一个无序不重复元素集, 基本功能包括关系测试和消除重复元素. 集合对象还支持union(联合), intersection(交), difference(差)和sysmmetric dif...
    99+
    2023-01-31
    操作 Python SET
  • JavaScript下一版本标准ES6的Set集合使用详解
    目录增删改查add()delete()has()clear()遍历Set如果要用一句来描述,我们可以说: ​​​Set​​​是一种叫做集合的数据结构。 ​什么是集合? 集合...
    99+
    2023-02-19
    es6的set方法 es6的set方法去重 es6里的set对象
  • Java常用集合之Set和Map的用法详解
    目录常用Set集合Set集合的特点HashSet创建对象常用方法遍历常用Map集合Map集合的概述HashMap创建对象常用方法遍历HashMap的key去重原理常用Set集合 Se...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作