JS笔记！Map 与其他数据结构的互相转换

Jenny_Tong 发布于2019-08-21 18:37 / 2034人阅读

摘要：与其他数据结构的互相转换仅作为一个学习笔记供往后翻阅转为数组转为数组最方便的方法，就是使用扩展运算符。对象转为转为转为要区分两种情况。转为转为，正常情况下，所有键名都是字符串。这往往是数组转为的逆操作。

Map 与其他数据结构的互相转换

PS：仅作为一个学习笔记供往后翻阅！

（1）Map 转为数组
Map 转为数组最方便的方法，就是使用扩展运算符（...）。

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

（2）数组转为 Map

将数组传入 Map 构造函数，就可以转为 Map。

new Map([
  [true, 7],
  [{foo: 3}, ["abc"]]
])
// Map {
//   true => 7,
//   Object {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)
// { yes: true, no: false }

（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})
// Map {"yes" => true, "no" => false}

（5）Map 转为 JSON

Map 转为 JSON 要区分两种情况。一种情况是，Map 的键名都是字符串，这时可以选择转为对象 JSON。

function strMapToJson(strMap) {
  return JSON.stringify(strMapToObj(strMap));
}

let myMap = new Map().set("yes", true).set("no", false);
strMapToJson(myMap)
// "{"yes":true,"no":false}"

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

function mapToArrayJson(map) {
  return JSON.stringify([...map]);
}

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

（6）JSON 转为 Map

JSON 转为 Map，正常情况下，所有键名都是字符串。

function jsonToStrMap(jsonStr) {
  return objToStrMap(JSON.parse(jsonStr));
}

jsonToStrMap("{"yes": true, "no": false}")
// Map {"yes" => true, "no" => false}

但是，有一种特殊情况，整个 JSON 就是一个数组，且每个数组成员本身，又是一个有两个成员的数组。这时，它可以一一对应地转为 Map。这往往是数组转为 JSON 的逆操作。

function jsonToMap(jsonStr) {
  return new Map(JSON.parse(jsonStr));
}

jsonToMap("[[true,7],[{"foo":3},["abc"]]]")
// Map {true => 7, Object {foo: 3} => ["abc"]}

来源于：http://es6.ruanyifeng.com/#do...

云服务器 GPU云服务器 map的数据结构js实现 js 判断map的重复数据互相转换 js页面获取map中的数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/90647.html

深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相转换

摘要：学习笔记工作中常用到的语法只是简单提及和，今天有空于是写了这篇文章深入理解中的和数据结构，与其它数据结构的互相转换。的提供了新的数据结构。本身是一个构造函数，用来生成数据结构。文中的内容主要是来自于阮一峰的《ES6标准入门》（第三版）。《学习ES6笔记──工作中常用到的ES6语法》只是简单提及Set和Map，今天有空于是写了这篇文章──《深入理解：ES6中的Set和Map数据结构，M...

Cristalven 2019-08-23 12:00 评论0 收藏0
js学习笔记

摘要：小明在一个方法内部，是一个特殊变量，它始终指向当前对象，也就是这个变量。原型对象基于原型创建一个新对象初始化新对象小明小明数据类型数字字符串布尔：false和true数组对象null——空值undefined——未定义。仅仅在判断函数参数是否传递的情况下使用字符串用或者包括的叫字符串。转义字符：toUpperCase()——转换为大写toLowerCase()——转换为小写in...

MiracleWong 2019-08-21 11:29 评论0 收藏0
《深入理解ES6》笔记——Set集合与Map集合（7）

摘要：常被用来检查对象中是否存在某个键名，集合常被用来获取已存的信息。返回一个布尔值，表示该值在中存在与否。集合存放对象的弱引用，当该对象的其他强引用被清除时，集合中的弱引用也会自动被垃圾回收机制回收，追踪成组的对象是该集合最好的使用方式。 Map和Set都叫做集合，但是他们也有所不同。Set常被用来检查对象中是否存在某个键名，Map集合常被用来获取已存的信息。 Set Set是有序列表，含...

Charlie_Jade 2019-08-21 16:03 评论0 收藏0
js常用的时间戳互相转换方法，以及一些其它相关时间方法。

摘要：前言做项目其实经常需要与时间接触。时间戳与时间的转换问题，在这做一个记录。我自己试了最新版的，，返回的是一样的。前言做项目其实经常需要与时间接触。时间戳与时间的转换问题，在这做一个记录。 1.获取特定格式的时间 myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.ge...

李昌杰 2019-08-23 12:22 评论0 收藏0