JavaScript中set集合的方法有哪些
set方法有:1、add(),用于往集合添加元素;2、delete(),用于删除集合中某个元素;3、has(),用于判断指定元素是否在集合中存在;4、clear(),用于清空集合元素;5、forEach(),用于遍历集合中的元素。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
Set集合概述
Set集合和Arry数组很相似,但是Set集合存储的是key也就是说Set集合中不可以存在两个值和数据类型都相等的key
Set集合不可以用下标取值
Set集合没有length属性而是size
Set集合可以通过Array.from转为真正的数组
Set集合的属性和方法(常用)
名称 | 参数 | 类型 | 说明 |
---|---|---|---|
size | 无 | 属性 | 获取集合的长度 |
add | Object | 方法 | 往集合添加元素 |
delete | key | 方法 | 删除集合中某个元素,删除成功返回true |
has | key | 方法 | 判断指定元素是否在集合中存在,如果存在返回true |
clear | 空 | 方法 | 清空集合元素 |
forEach | function | 方法 | 遍历集合中的元素 |
size属性
var set = new Set(["sd",68,86,38,64,"qweq",58,"68",86]); console.log(set.size) //打印8 console.log(set.length) //打印undefined
add方法
var set = new Set(["sd",68,86,38,64,"qweq",58,"68",86]); console.log(set.add("qq")); //打印{"sd",68,86,38,64,"qweq",58,"68",86,"qq"} 说明添加成功了 console.log(set.add("qq")); //依旧打印{"sd",68,86,38,64,"qweq",58,"68",86,"qq"} 说明重复的并没有被添加
delete方法
var set = new Set(["sd",68,86,38,64,"qweq",58,"68",86]); console.log(set.delete("68")); //打印true说明删除成功 console.log(set.delete("68")); //打印false说明删除失败因为集合中已经不存在"68" console.log(set); //打印 {"sd",68,86,38,64,"qweq",58,86} "68已被删除"
has方法
var set = new Set(["sd",68,86,38,64,"qweq",58,"68",86]); console.log(set.has(68)); //返回true说明68在集合中存在 set.delete(68); //这里把68删除 console.log(set.has(68)); //返回false说明68在集合中不存在
clear方法
var set = new Set(["sd",68,86,38,64,"qweq",58,"68",86]); set.clear(); //清空集合 console.log(set.size); //打印结果为0 说明集合已经被清空了 console.log(set); //打印结果{} 说明集合已经被清空了
forEach方法
var set = new Set(["sd",68,86,38,64,"qweq",58,"68",86]); set.forEach(function(item,index,set){ console.log(item,index,set); //打印结果 item是每一个集合元素的值 index与item的结果一致 set是集合本身 //在这里index和set可以不需要 })
【相关推荐:javascript学习教程】
以上就是JavaScript中set集合的方法有哪些的详细内容,更多请关注php中文网其它相关文章!
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
来源:网友投稿 关注:
时间:2022-01-19 09:55
☉首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
相关织梦教程: