Map转为数组
const map = new Map();
map.set(1,"foo").set(2,"bar").set(3,"baz");
const arr = [...map];//转数组方法1

Array.from(map);//转数组方法2
console.log(arr);

数组 转为 Map
const arr = ["foo","bar","baz"];
const arrChangeMap = (arr) => new Map(arr.map( (value,key) => [key,value]));
console.log(arrChangeMap(arr));

Map 转为对象
const map = new Map();
map.set(1,"foo").set(2,"bar").set(3,"baz");
const mapChangeObj = (map) => {
let obj = {};
for(let [k,v] of map) {
obj[k] = v;
}
return obj;
}
console.log(mapChangeObj(map));

对象转为 Map
const obj = {
"1" : "foo",
"2": "bar",
"3" : "baz",
}
const objChangeMap = (obj) => {
let map = new Map();
for(let key in obj) {
map.set(key,obj[key]);
}
return map;
}
console.log(objChangeMap(obj));
Map 转为 JSON
借助Map转对象

const map = new Map();
map.set(1,"foo").set(2,"bar").set(3,"baz");
const mapChangeJson = (map) => JSON.stringify(mapChangeObj(map));
console.log(mapChangeJson(map));
JSON 转为 Map
借助对象转Map

let json = '{"1":"foo","2":"bar","3":"baz"}';
const jsonChangeMap = (json) => objChangeMap(JSON.parse(json));
console.log(jsonChangeMap(json));

Map转为数组const map = new Map();map.set(1,"foo").set(2,"bar").set(3,"baz");const arr = [...map];//转数组方法1Array.from(map);//转数组方法2console.log(arr);数组 转为 Mapconst arr = ["foo","bar","baz"];const ... ES5 中 的数据结构，主要是用Array和Object。在 ES6 中 主要新增了Set和 Map 数据结构。到目前为止，常用的数据结构有四种Array、Object、Set、 Map 。下面话不多说了，来一起看看详细的介绍吧。 // 数据结构横向对比，增，查，改，删 1、 map 和 数组 对比 let map =new Map (); let array=[]; /**增**/ map .set('t',1); array.push({t:1}); console.info(' map -array', map ,array); /**查**/ let map _exist= map .has('t const map = new Map (); map .set(1,"foo").set(2,"bar").set(3,"baz"); const arr = [... map ]; console.log(arr); 数组 ... 小伙伴们大家好。上篇文章 中 为大家详细分享了 ES6 中 的 Map 数据结构，本篇文章将在上一篇文章的基础上对 Map 做一个补充。关于 Map 还有一个知识点没有分享到，就是关于 Map 和其它类型的互相 转换 。 通过上篇文章的学习，我们了解到 Map 是 ES6 为我们提供的一个很强大的数据类型。那么在使用的过程 中 难免会遇到与其它类型打交道的操作。下面我们就来看下 Map 与其它几个类型互相 转换 的一些常用操作。 Map 与 数组 互相 转换 大家都知道 数组 在我们日常开发 中 是必不可少的一个数据类型了，就在我们上一篇文章分享 Map 使用的时 Set 本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) {   console.lo vue 解决关于*!!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader czy960323: 我就是sass的问题，按照你的方法解决了，但是后面又出现了这个问题 https://blog.csdn.net/haiword/article/details/103290922 提醒一下后来人 关于Vue中props的详解 赵辛楣_: 不错，说的很明白