JS中Set对象的创建，遍历和使用(API)

怼烎@ 2022-03-01 11:51 439阅读 0赞

## intro ##

`Set`对象是`ES6`新增，特点：元素不重复。

## API ##

`new Set(?arr)` 构造(可以传入数组，会自动去重)。  
`size` 集合大小

`add(value) - Set` 添加元素。(可链式编程)  
`has(value) - boolean` 查询元素是否存在。

`delete(value) - boolean` 删除  
`clear()` 清空

`forEach(callbackFn, ?thisArg)` 对容器内每个元素做操作。

`keys()` 用法同`values()`，因为set只有value列表。  
`values()`  
`entries()` 不推荐。会返回两倍的set(见代码)。

## 遍历 ##

1.  forEach()
2.  set.values()和set.keys()的使用方法相同。
3.  set.entries()不推荐使用，会返回双倍的数据量。  
    最后每一个entry的value依旧是长度为2的数组`[value, value]`。

// 初始化
    set = new Set([1,2,3,"4"]);
    
    // forEach
    set.forEach(function(value) {console.log(value);});
    
    // 利用values()
    values = set.values();
    for (value of values) {
      console.log(value);
    }
    
    values = set.values();
    for (i = 0; i < set.size; i++) {
      console.log(values.next().value);
    }
    
    // keys()方法的两种与values()用法相同。
    
    // 利用entries()
    entries =  set.entries();
    for (entry of entries) {
      console.log(entry);
    }
    // (2) [1, 1]
    // (2) [2, 2]
    // (2) [3, 3]
    // (2) ["4", "4"]
    
    entries =  set.entries();
    for ([key, value] of entries) {
      console.log(key, value);
    }
    // 1 1
    // 2 2
    // 3 3
    // 4 4
    
    // 可见，虽然是set对象，但是调用entries()会返回双倍的数据量。
    entries = set.entries();
    for ([key, value] of entries) {
      console.log(value); // 只打印一次value。
    }
    
    // 调用`set.entries().next().value[0]`也可以。

发表评论取消回复

表情：

评论列表（有 0 条评论，439人围观）

还没有评论，来说两句吧...

相关阅读

相关 js遍历对象(js遍历对象的所有属性)

![js遍历对象(js遍历对象的所有属性)\_js遍历对象(js遍历对象的所有属性)][js_js_js_js] js 遍历对象的3种方法第一种： for..

Love The Way You Lie/ 2023年09月26日 14:53/ 0 赞/ 34 阅读

相关 js数组遍历、对象遍历、字符串遍历

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 数组遍历 for \--使用变量将数组长度缓

男娘i/ 2022年10月02日 00:49/ 0 赞/ 283 阅读

相关 js对象数据遍历

[JS之对象数组遍历？][JS] 一、js实现遍历对象 <script> var obj = {"player_id":"GS001

左手的ㄟ右手/ 2022年05月19日 10:41/ 0 赞/ 215 阅读

相关 js数组遍历和对象遍历

[http://www.cnblogs.com/yizhilin/p/7344675.html][http_www.cnblogs.com_yizhilin_p_7344675

傷城~/ 2022年03月16日 02:36/ 0 赞/ 346 阅读

相关 JS中Set对象的创建，遍历和使用(API)

intro `Set`对象是`ES6`新增，特点：元素不重复。 API `new Set(?arr)` 构造(可以传入数组，会自动去重)。 `size` 集合

怼烎@/ 2022年03月01日 11:51/ 0 赞/ 440 阅读

相关 JS中Map对象的创建，遍历(7种)和使用(增删改查)

intro JS中的Object类型实际上是一种键值对映射(key-value pairs)。但是JS中这种键值对映射有点问题：key只能为string类型。

红太狼/ 2022年03月01日 11:06/ 0 赞/ 3690 阅读

相关 JS遍历对象

var tripInfo = { "2019-5-1": 0, "2019-5-2": 0, "

秒速五厘米/ 2022年02月20日 03:06/ 0 赞/ 351 阅读

相关 js 对象属性遍历

function 对象属性遍历()\{ var obj = \{x:1,y:2,c:3\}; for (var name in obj)\{ alert ( obj\

太过爱你忘了你带给我的痛/ 2021年12月22日 06:41/ 0 赞/ 280 阅读

相关 js中如何遍历对象属性

对象声明： 1、var obj = \{\}//字面量，建议这种方式(方便初始化赋值) 2、var obj = new Object(); 对象赋值： 1、obj.

水深无声/ 2021年07月27日 02:45/ 0 赞/ 456 阅读

相关 js数组遍历和对象遍历

针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var a

曾经终败给现在/ 2021年07月26日 22:57/ 0 赞/ 634 阅读