zoukankan      html  css  js  c++  java
  • ES6 Set数据结构

    Set

    ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。

    const s = new Set(); // const声明一个只读的常量。一旦声明,常量的值就不能改变。
    [2,3,5,4,5,2,2].forEach(x => s.add(x));
    
    for (let i of s) {
        console.log(i);
    }
    
    2
    3
    5
    4
    

    Set 函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。

    const set = new Set([1,2,3,4,4]);
    console.log([...set]);
    
    [ 1, 2, 3, 4 ]
    

    数组去重应用。

    // 去除数组的重复成员
    [...new Set(array)]
    

    向 Set 加入值的时候,不会发生类型转换,所以4"4"是两个不同的值。Set 内部判断两个值是否不同,使用的算法叫做“Same-value-zero equality”,它类似于精确相等运算符(===

    const set = new Set([1,2,3,4,'4']);
    console.log([...set]);
    
    [ 1, 2, 3, 4, '4' ]
    

    Set 实例添加了两个NaN,但是只能加入一个。这表明,在 Set 内部,两个NaN是相等。

    另外,两个对象总是不相等的。

    let set = new Set();
    
    set.add({});
    console.log(set.size) // 1
    
    set.add({});
    console.log(set.size) // 2
    

    Set 实例的属性和方法

    Set 结构的实例有以下属性。

    • Set.prototype.constructor:构造函数,默认就是Set函数。
    • Set.prototype.size:返回Set实例的成员总数。

    Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。下面先介绍四个操作方法。

    • add(value):添加某个值,返回 Set 结构本身。
    • delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
    • has(value):返回一个布尔值,表示该值是否为Set的成员。
    • clear():清除所有成员,没有返回值。
    let s = new Set();
    
    s.add(1).add(2).add(2);
    
    console.log(s.size); // 2
    
    console.log(s.has(1)); // true
    console.log(s.has(2)); // true
    console.log(s.has(3)); // false
    
    s.delete(2);
    console.log(s.has(2)); // false
    

    遍历操作

    Set 结构的实例有四个遍历方法,可以用于遍历成员。

    • keys():返回键名的遍历器
    • values():返回键值的遍历器
    • entries():返回键值对的遍历器
    • forEach():使用回调函数遍历每个成员

    需要特别指出的是,Set的遍历顺序就是插入顺序。

    let set = new Set(['red', 'green', 'blue']);
    
    for (let item of set.keys()) {
      console.log(item);
    }
    // red
    // green
    // blue
    
    for (let item of set.values()) {
      console.log(item);
    }
    // red
    // green
    // blue
    
    for (let item of set.entries()) {
      console.log(item);
    }
    // ["red", "red"]
    // ["green", "green"]
    // ["blue", "blue"]
    

    Set 结构的实例默认可遍历,它的默认遍历器生成函数就是它的values方法。

    let set = new Set(['red', 'green', 'blue']);
    
    for (let x of set) {
      console.log(x);
    }
    // red
    // green
    // blue
    

    Set 结构的实例与数组一样,也拥有forEach方法,用于对每个成员执行某种操作,没有返回值。

    set = new Set([1, 4, 9]);
    set.forEach((value, key) => console.log(key + ' : ' + value))
    // 1 : 1
    // 4 : 4
    // 9 : 9
    
  • 相关阅读:
    动画差值
    高达模型
    TCP/IP负载均衡
    FreeImage使用
    Game Programming Pattern
    Apple Instruments
    GLEW OpenGL Access violation when using glGenVertexArrays
    微服务了解
    summary
    事务传播行为
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/9356786.html
Copyright © 2011-2022 走看看