21.Set

Set

ES6之前只有数组这样一种集合类型,现在新增了 setmap 两种集合类型,set 可以想象为一种唯一的数组,里面的元素是唯一的,不会有重复的元素存在,只能添加一个元素一次,随后的添加操作中不会有作用,不同之处是不能通过索引值获取。

  • 通过 new 关键字来创建一个 Set
const colors = new Set();
  • 通过 add 方法来添加元素,如果 add 一个已存在的元素,会忽略操作。如果添加不同类型的值,也会同时存在,如:数字 5 和字符串 '5'
colors.add('yellow');
colors.add('red');
colors.add('blue');
console.log(colors); // Set(3) {"yellow", "red", "blue"}
  • 通过 delete 方法删除一个元素
colors.delete('red'); // true
  • 通过 has 方法检验一个元素是否存在
colors.has('yellow'); //true
  • 可以通过 size 来获取长度
console.log(colors.size); // 3
  • 可以通过 clear 方法来清空集合
colors.clear();
  • Set 是可以遍历的
// 通过 `values` 方法返回的是一个 `Iterator` 迭代对象
colors.values(); // SetIterator {"yellow", "red", "blue"}

可以用 for of 遍历集合

for (let color of colors){
    console.log(color);
}

也可以用 forEach 方法来遍历

colors.forEach((item ,key ,ownSet)=>{
    console.log(item ,key ,ownSet);
})
  • 可以通过初始化创建 Set
const fruits = new Set(['apple', 'banana', 'mongo']);
  • 可以通过 Set 对数组进行去重
const numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
const numberSet = new Set(numbers);
  • 可以通过扩展运算符让 Set 转化为数组
const uniqueNumbers = [...numberSet];
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • //Clojure入门教程: Clojure – Functional Programming for the J...
    葡萄喃喃呓语阅读 9,248评论 0 7
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,084评论 19 139
  • 文 / 艺文小舍 生活 是一叶小舟 静静航行在 岁月的河 生活 是挫折背后的反思 是成功胸前的收获 生活 是孤独手...
    艺文小舍阅读 4,066评论 20 54
  • 借我亡命天涯的勇敢 借我说得出口的旦旦誓言 借我孤绝如初见 借我不惧碾压的鲜活 借我生猛与莽撞不问明天 借我杀死庸...
    四月七月阅读 3,395评论 0 0
  • NSString - API substringWithRange:NSRange substringFromIn...
    cry_0416阅读 2,981评论 0 0

友情链接更多精彩内容