博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6中Json的与Map之间的转换
阅读量:4083 次
发布时间:2019-05-25

本文共 1841 字,大约阅读时间需要 6 分钟。

在学习开发-Native中,从网络请求回来的数据用的json,于是就需要Json和字符串、Json和Map之间的转换。

1.JSON与字符串的转换

1.1Json转换为字符串

/**  *  * json转字符串  */  static stringToJson(data){    return JSON.parse(data);  } 
1
2
3
4
5
6
7
1
2
3
4
5
6
7

1.2字符串转JSON

/**  *字符串转json  */  static jsonToString(data){    return JSON.stringify(data);  } 
1
2
3
4
5
6
1
2
3
4
5
6

2.Map与Json的转换

Map不能直接转换为Json,Map先要转换为Object,在转换为json。Json转换为Map也不能直接转换,json转为对象,在转换为Map。

2.1Map转换为Json

/** *map转化为对象(map所有键都是字符串,可以将其转换为对象) */ static strMapToObj(strMap){    let obj= Object.create(null);    for (let[k,v] of strMap) {      obj[k] = v;    }    return obj;  }  /**  *map转换为json  */  static mapToJson(map) {  return JSON.stringify(JsonUitl.strMapToObj(map));  } 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

2.2Json转换为Map

/***对象转换为Map*/static   objToStrMap(obj){  let strMap = new Map();  for (let k of Object.keys(obj)) {    strMap.set(k,obj[k]);  }  return strMap;} /**  *json转换为map  */  static jsonToMap(jsonStr){    return  JsonUitl.objToStrMap(JSON.parse(jsonStr));  } 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

3案例结果

> let myMap = new Map().set('yes', true).set('no', false);> mapToJson(myMap)'{"yes":true,"no":false}'> jsonToMap('{"yes":true,"no":false}');Map {
'yes' => true, 'no' => false}
1
2
3
4
5
1
2
3
4
5

4.Map与数组的转换

4.1Map转为数组

let myMap = new Map().set(true, 7).set({foo: 3}, ['abc']);> [...myMap][[true, 7], [Object { foo=3}, ["abc"]]] 
1
2
3
1
2
3

4.2数组转为Map

new Map([[true, 7], [{foo: 3}, ['abc']]])Map {
true => 7, Object {foo: 3} => ['abc']}
1
2
1
2

这些基本就Json与Map和字符串的相互转换了。

转载地址:http://dvhni.baihongyu.com/

你可能感兴趣的文章
Mobx 我的理解
查看>>
react一些些
查看>>
JavaScript复杂判断的更优雅写法
查看>>
react-hooks-redux
查看>>
工作中常用的javascript常识
查看>>
Vue.js双向绑定的实现原理
查看>>
Vue.js自定义指令的用法与实例
查看>>
读懂源码:一步一步实现一个 Vue
查看>>
React Hooks
查看>>
react-hooks-redux
查看>>
react摘要
查看>>
ES6的Symbol竟然那么强大,面试中的加分点啊
查看>>
理解ES6 proxy&reflection
查看>>
深入理解ES6 class
查看>>
react设计--他怎么知道是类组件还是函数组件
查看>>
redux-saga 原理浅析
查看>>
Object.defineProperty和Proxy代理
查看>>
理解运用JS的闭包、高阶函数、柯里化
查看>>
JavaScript开发的40+个经典技巧
查看>>
snabbdom 源码阅读分析
查看>>