21.Set

作者: dptms | 来源:发表于2017-10-27 14:16 被阅读12次

    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];
    

    相关文章

      网友评论

          本文标题:21.Set

          本文链接:https://www.haomeiwen.com/subject/fqgrpxtx.html