• 8、前端知识点--关于Set用法的详解【ES6】


    ES6提供了新的数据结构Set,它类似于数组,但是成员的值是唯一的,没有重复的值(对于基本类型来说)。Set本身是一个构造函数,用来生成Set数据结构。

    1、声明

    1 let set = new Set();
    2 // 即创建了一个空的set

    2、赋值

    1 let set1 = new Set(['张三','李四','王五']);
    2 console.log(set1)
    3 // 输出为:Set(3) {"张三", "李四", "王五"}

    3、属性:使用size求集合的大小(长度)

    1 let set1 = new Set(['张三','李四','王五']);
    2 console.log(set1)
    3 // 输出为:Set(3) {"张三", "李四", "王五"}
    4 
    5 console.log(set1.size)
    6 // 返回值:3

    4、方法

    (1)add方法:表示往set中新增一个元素。

    1 let set = new Set([1,2,3,4]);
    2 set.add("aa")
    3 console.log(set)
    4 // 返回值: Set(5) {1, 2, 3, 4, "aa"}
    5 // 改变自身
    6 
    7 set.add(9).add(8).add(7)
    8 console.log(set)
    9 //返回值:Set(8) {1, 2, 3, 4, "aa", 9, 8, 7}

    (2)delete方法:表示删除一个元素,返回结果是true或false

    1 console.log(set.delete("aa"))
    2 // 返回值:true
    3 console.log(set)
    4 // 返回值: Set(7) {1, 2, 3, 4, 9, 8, 7}

    (3)has方法:判断某个元素是否在set集合中

    1 console.log(set.has(9))
    2 // 返回:true
    3 console.log(set.has("aa"))
    4 // 返回:false

    (4)clear方法:表示清楚set集合中的所有元素。没有任何返回值,直接清楚所有元素。

    1 set.clear()
    2 console.log(set)
    3 // 返回值:Set(0) {}
  • 相关阅读:
    android隐藏底部虚拟键Navigation Bar实现全屏
    TextView.setTextColor颜色值的理解
    GridLayout自定义数字键盘(两个EditText)
    EditText的一些属性及用法
    比较两个Long对象值
    vue全家桶(vue-cli,vue-router,vue-resource,vuex)-1
    vue-vuex状态管理-1
    vue-router进阶-3-过渡动效
    vue-router进阶-2-路由原信息
    vue-router进阶-1-导航守卫
  • 原文地址:https://www.cnblogs.com/jianguo221/p/11775573.html
Copyright © 2020-2023  润新知