es6 Set 和Map 数据结构

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

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

    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 结构转为数组

    const item = new Set([1,2,3,4,]);

    const array = Array.from(items);

  数组去重方法

  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 数据结构,它类似于对象,也就是键值对的集合。

    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 的键都是字符串,它可以转为对象。

    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

    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

    function strMapToJson(strMap) {

      return JSON.stringify(strMapToObj(strMap));

    }

    let myMap = new Map().set(‘yes‘,true).set(‘no‘,false);

    strMapToJson(myMap)

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

    function mapToArrayJson(map){

      return JSON.stringify([...map]);

    }

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

    mapToArrayJson(myMap)

  (6)JSON 转为Map

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

    function jsonToStrMap(jsonString) {

      return ObjToStrMap(JSON.parse(jsonStr))

    }

    jsonToStrMap(‘{"yes":true,"no":false}‘)

原文地址:https://www.cnblogs.com/nmxs/p/8178206.html

时间: 2024-08-24 22:53:20

es6 Set 和Map 数据结构的相关文章

js ES6 Set和Map数据结构详解

这篇文章主要介绍了ES6学习笔记之Set和Map数据结构,结合实例形式详细分析了ECMAScript中基本数据结构Set和Map的常用属性与方法的功能.用法及相关注意事项,需要的朋友可以参考下 本文实例讲述了ES6学习笔记之Set和Map数据结构.分享给大家供大家参考,具体如下: 一.Set ES6提供了新的数据结构Set.类似于数组,只不过其成员值都是唯一的,没有重复的值. Set本身是一个构造函数,用来生成Set数据结构. 1 . Set函数可以接受一个数组(或类似数组的对象)作为参数,用来

ES6 set和map数据结构对对象数组去重简单实现

自从有了es6的set数据结构,数组的去重可以简单用一行代码实现,比如下面的方式 let arr = [1, 2, 2, 3, 4] function unique (arr) { return [...new Set(arr)] } console.log(unique(arr)) // [1, 2, 3, 4] 但是当数组的项不再是简单的数据类型时,比如是对象时,这种方法就会导致错误,比如下面的结果 let arr = [ { name: 'a', num: 1}, { name: 'b',

ES6 -Set 和 Map 数据结构

一.set 1.set数据结构:类似数组,但是里面不能有重复值 2.set语法, new Set([]) let set=new Set([1,2,1]); console.log(set);// {1, 2} 3.set 方法 // add() 增加,返回增加后的set console.log(set.add(3)); // {1, 2,3} // delete() 删除,返回true或false console.log(set.delete(2));// true // has() 判断是否

ES6中的Set、Map数据结构

Map.Set都是ES6新的数据结构,他们都是新的内置构造函数.也就是说typeof的结果,多了两个. 他们是什么:  Set是不能重复的数组.    Map是可以任何东西当做键的对象: ES6 提供了新的数据结构 Set.它类似于数组,但是Set成员的值都是唯一的,没有重复的值. let m = new Set(); m.add(1); m.add(2); m.add(3); m.add(3); m.add(3); m.add(4); m.add(5); console.log(m); 集合中

ES6 之 Set数据结构和Map数据结构 Iterator和for...of循环

ECMAScript 6 入门 Set数据结构 基本用法 ES6提供了新的数据结构Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set本身是一个构造函数,用来生成Set数据结构. var s = new Set(); [2, 3, 5, 4, 5, 2, 2].map(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add方法向Set结构加入成员,结果表明Set结构不会添加重复的值. 向S

es6笔记(5)Map数据结构

概要 字典是用来存储不重复key的Hash结构.不同于集合(Set)的一点,字典使用的是[key,value]的形式来存储数据. JavaScript的对象(Object:{})只能用字符串当做key.使用起来有一定限制. 为了解决这个问题,ES6提供的Map数据结构.它类似与对象,也是[key,value]的集合,但是key的范围不限于字符串,各种类型的值(包括对象)都可以当做key. 也就是说Object结构提供了 "字符串--值"的对应: Map提供了"值--值&quo

es6的Set和Map数据结构

Set 和 Map 数据结构 Set WeakSet Map WeakMap Set § ? 基本用法 ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add

ES6之路第九篇:Set和Map数据结构

set 基本用法 ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. 1 const s = new Set(); 2 3 [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); 4 5 for (let i of s) { 6 console.log(i); 7 } 8 // 2 3 5 4 上面代码通过add方法向 Set 结构加入成员,结果表明 Set 结构不

ES6的新特性(12)——Set 和 Map 数据结构

Set 和 Map 数据结构 Set 基本用法 ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add方法向 Set 结构加入成员,结果表明 Set 结构不会