前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >es6 Set 和Map 数据结构

es6 Set 和Map 数据结构

作者头像
用户1197315
发布2018-01-22 12:12:56
4870
发布2018-01-22 12:12:56
举报
文章被收录于专栏:柠檬先生柠檬先生

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

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

代码语言:js
复制
    const s = new Set();
    [2,3,5,4,5,2,2,2].forEach(x=>s.add(x));
    for(let i of s) {
      console.log(i);
    } // 2 3 5 4

  Set 函数可以接受一个数组作为参数。

    可以利用去除数组重复成员的方法。

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

  Set 实例的属性和方法

    Set 结构的实例有两种属性

      Set.prototype.constructor 构造函数,默认就是Set 函数

      Set.prototype.size: 返回Set 实例的成员总数。

    Set 实例方法分为两大类,操作方法和遍历方法。

      add(value) : 添加某个值,返回Set 结构本身,delete(value): 删除某个值,返回布尔值,

      表示是否删除成功。

    has(value) 返回一个布尔值,表示该值是否为set 的成员。 clear(),清除所有成员,没有返回值。

  可以用 Array.from 方法将Set 结构转为数组

代码语言:js
复制
    const item = new Set([1,2,3,4,]);
    const array = Array.from(items);

  数组去重方法

代码语言:js
复制
  function dedupe(array) {
    return Array.from(new Set(array));
  }
  dedupe([1,1,2,3]) // [1,2,3]

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

    keys() 返回键名的遍历器 values() 返回键值的遍历器,entries()、返回键值对的遍历器 forEach() 使用回调函数遍历每一个。

Map

  ES6 提供了Map 数据结构,它类似于对象,也就是键值对的集合。

代码语言:js
复制
    const m = new Map();
    const o = {p: 'Hello World'};
    m.set(o,'content');
    m.get(o) // "content"
    m.has(o) // true
    m.delete(o) // true
    m.has(o) // false

  实例的属性和操作方法

    1 size 属性 返回Map 结构的成员总数

    2.set(key,value) 设置键名key对应的键值为value,然后返回整个Map结构

    3.get(key) ,get方法读取key 对应的键值,如果找不到key,返回undefined。

    4.has(key) 返回一个布尔值,表示某个键是否在当前Map独享之中.

    5.delete(key) 方法删除某个键,返回true 如果删除失败,返回false.

    6.clear() 方法清除所有成员,没有返回值。

Map 结构提供三个便利器生成函数和一个遍历方法。

  keys() 返回键名的遍历器 values() 返回键值的遍历器,entries()、返回键值对的遍历器 forEach() 使用回调函数遍历每一个。

与其他数据结构之间的转换

  (1)Map 转为数组,前面已经提过,Map 转为数组最方便的方法,就是使用扩展运算符

    const myMap = new Map().set(true,7).set({foo:3},['abc']);

    [...myMap]

  (2) 数组转为Map 将数组传入Map 构造函数,就可以转为Map.

    new Map([[true,7],[{foo:3},['abc']]])

  (3) Map 转为对象,如果所有Map 的键都是字符串,它可以转为对象。

代码语言:js
复制
    function strMapToObj(strMap){
      let obj = Object.create(null);
      for (let [k,v] of strMap) {
        obj[k] = v;
      }
      return obj;
    }
    const myMap = new Map().set('yes',true).set('no',false);
    strMapToObj(myMap)

  (4) 对象转为 Map

代码语言:js
复制
    function objToStrMap(obj) {
      let strMap = new Map();
      for (let k of Object.keys(obj)) {
        strMap.set(k,obj[k]);
      }
      return strMap;
    }
    objToStrMap({yes:true,no:false})

  (5)Map 转为JSON

    一种情况是,Map 的键名都是字符串,这时可以选着转为对象JSON

代码语言:js
复制
    function strMapToJson(strMap) {
      return JSON.stringify(strMapToObj(strMap));
    }
    let myMap = new Map().set('yes',true).set('no',false);
    strMapToJson(myMap)

    另一种情况是Map的键名有非字符串,这时可以选择转换为数组JSON

代码语言:js
复制
    function mapToArrayJson(map){
      return JSON.stringify([...map]);
    }
    let myMap = new Map().set(true,7).set({foo:3},['abc']);
    mapToArrayJson(myMap)

  (6)JSON 转为Map

    正常情况下所有键名都是字符串。

代码语言:js
复制
    function jsonToStrMap(jsonString) {
      return ObjToStrMap(JSON.parse(jsonStr))
    }
    jsonToStrMap('{"yes":true,"no":false}')
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-01-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档