您的位置: 翼速应用 > 业内知识 > web前端 > 正文

在es6中set类型是否有序?

操作windows10系统、Vue2.9.6版,DELL G3电脑时es6的set类型是否有序简析


es6中的set类型是否有序


es6中的set类型是有序的,你可以在官方的Set找到答案,Set的遍历顺序就是插入顺序。


这个特性有时非常有用,比如使用 Set 保存一个回调函数列表,调用时就能保证按照添加顺序调用。


基本概念


ES6新增的Set类型是一种有序列表,其中含有一些相互独立的非重复值。


*成员之间是否重复,Set集合内部是通过Object.is() 方法进行判断。


Set 是 ES6 新增的有序列表集合,它不会包含重复项。之前我们通常用对象(Object)或者数组(Array)来实现没有重复项的集合。但对象会对 key 进行 toString() 操作,这会导致某些 key 会意外覆盖之前的数据;如果 key 本身是一个对象,toString() 也得不到想要的结果,如下:


JSvar o = {};

var key1 = 2;

var key2 = { toString : function() { return 2 } };

var key3 = { x : 1 };

var key4 = { y : 2 };

o[key1] = 1;

o[key2] = 2;

o[key3] = 3;

o[key4] = 4;

// o : Object {2: 2, [object Object]: 4}


数组可以存放任何类型的数据,不过数据除重需要自己实现。


Set 支持 add(item) 方法,用来向 Set 添加任意类型的元素,如果已经添加过则自动忽略;has(item) 方法用来检测 Set 中是否存在指定元素;delete(item) 方法用来从 Set 中删除指定元素;clear() 用来清空 Set;获取 Set 集合长度用 size 属性。如下:


JSvar set = new Set();

set.add(window);

set.has(window); // trueset.size; // 1set.add(window);

set.add(1);

set.size; // 2set.delete(window);

set.has(window); // falseset.clear();

set.size; // 0

详情



以上就是关于在es6中set类型是否有序的全部内容!想了解更多的话请关注翼速网络应用平台获取更多内容!



我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题