• 技术文章 >web前端 >js教程

    es6 set方法有哪些

    青灯夜游青灯夜游2021-09-06 18:42:14原创836

    es6 set方法可分为两大类:1、操作方法“add(value)”、“delete(value)”、“has(value)”、clear();2、遍历方法keys()、values()、entries()、forEach()。

    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

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

    很多时候我们把Set叫做 集合,但是,Set可以是集合,集合不一定是Set。

    特性:唯一性=>不重复=>能够对数据进行去重操作。

    创建Set

    Set 本身是一个构造函数,调用构造函数用来生成 Set 数据结构。

    关键词 标识符 = new Set();

    let i = new Set();

    Set 函数可以接受一个数组(或类似数组的对象)作为参数,用来进行数据初始化。

    let i = new Set([1, 2, 3, 4, 4]);  //会得到  set{1, 2, 3, 4,}

    注:如果初始化时给的值有重复的,会自动去除。集合并没有字面量声明方式,只能用new关键字来声明。

    Set的属性

    常用的属性就一个:size--返回 Set 实例的成员总数。

    let s = new Set([1, 2, 3]);
    console.log( s.size ); // 3

    Set的方法

    Set 实例的方法分为两大类:操作方法(用于数据操作)和遍历方法(用于遍历数据)。

    操作方法:

    let set = new Set([1, 2, 3, 4, 4]);
    // 添加数据 5
    let addSet = set.add(5);
    console.log(addSet); // Set(5) {1, 2, 3, 4, 5}
    
    // 删除数据 4s
    let delSet = set.delete(4);
    console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功
    
    // 查看是否存在数据 4
    let hasSet = set.has(4);
    console.log(hasSet); // false
    
    // 清除所有数据
    set.clear();
    console.log(set); // Set(0) {}

    遍历方法:

    Set 提供了三个遍历器生成函数和一个遍历方法。

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

    【推荐学习:javascript高级教程

    以上就是es6 set方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:ES6 set对象 set方法
    上一篇:es6新增加的数据类型有什么 下一篇:javascript中bind的用法是什么
    线上培训班

    相关文章推荐

    • 原来ES6 module还可以这样用!(备忘单)• ES6中值得了解的新增字符串方法• 浅谈Node.js中ES6导入语法的使用方法• 一文讲解JS中ES6代理Proxy用法(代码分享)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网