Ashun's 技術駅 Ashun's 技術駅
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ashun

前端界的小学生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 01变量-es6
  • 02常量-es6
  • 03解构赋值-es6
  • 04字符串拓展-es6
  • 05数字拓展-es6
  • 06数组拓展-es6
  • 07函数拓展-es6
  • 08对象拓展-es6
  • 09类拓展-es6
  • 10扩展运算符-es6
  • 11set数据结构-es6
    • 12map数据结构-es6
    • 13同步和异步-es6
    • 《es6》
    ashun
    2022-02-14
    目录

    11set数据结构-es6

    # set数据结构

    # 一、创建set数据结构

    console.log(new Set([1,2,3,3,1,5]))//{1,2,3,5}
    
    console.log(new Set(["a","c","a","b","b"]))//{'a', 'c', 'b'}
    
    //如果是数组对象,对象不会进行去重
    console.log(
      new Set([
        { name: "小明", age: 18 },
        { name: "小红", age: 19, sex: "女" },
        { name: "小蓝", sex: "男" },
      ])
    );
    
    //去重
    let arr = [1,2,3,1,2]
    console.log([...new Set(arr)])//(new Set(arr)
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16

    # set数据结构操作

    //add(value) 添加某个值,返回Set结构本身
    let s = new Set([1,2,3])
    let newS = s.add(4)
    console.log(s)//{1, 2, 3, 4}
    console.log(newS)//{1, 2, 3, 4}
    
    //delete(value) 删除某个值,返回一个布尔值,表示删除是否成功
    let s = new Set([1,2,3])
    let newS = s.delete(3)
    console.log(s)//{1,2}
    console.log(newS)//true
    
    //has(value) 返回一个布尔值,表示该值是否为Set的成员
    let s = new Set([1,2,3])
    let newS = s.has(1)
    console.log(newS)//true
    
    //clear() 清除所有成员,没有返回值
    let s = new Set([1,2,3])
    let newS = s.clear()
    console.log(s)//{}
    console.log(newS)//undefined
    
    //Array.from 和 [...] 把set数据结构转成数组结构
    let s = new Set([1,2,3])
    console.log(Array.from(s))//[1, 2, 3]
    console.log([...s])//[1, 2, 3]
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    编辑 (opens new window)
    上次更新: 2022/04/24, 13:33:34
    10扩展运算符-es6
    12map数据结构-es6

    ← 10扩展运算符-es6 12map数据结构-es6→

    最近更新
    01
    课件-react路由-V6
    01-22
    02
    课件-国际化
    01-22
    03
    课件-redux-toolkit
    01-22
    更多文章>
    Theme by Vdoing | Copyright © 2019-2024 Evan Xu | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式