JavaScript对JSON数据和Java的Map集合互转

最新推荐文章于 2022-12-08 11:00:44 发布

永不满足的求知者

最新推荐文章于 2022-12-08 11:00:44 发布

阅读量444

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41154522/article/details/112781225

版权

前端专栏收录该内容

80 篇文章 2 订阅

订阅专栏

后端兄弟想要对 JSON数据和Java的Map集合进行互转，网上没找到在线转换的方法，抽空帮他写一个，提高他的开发效率

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>转换数据</title>
    <link type="text/css" rel="styleSheet"  href="./bootstrap/css/bootstrap.min.css" />
    <script src="./jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
  <div class="row" style="margin-top: 20px;">
    <div class="col-md-1 col-md-offset-1">
      <button type="button" class="btn btn-success" id="mapBtn">Map->JSON</button>
    </div>
    <div class="col-md-1 col-md-offset-4">
      <button type="button" class="btn btn-info" id="jsonBtn">JSON->Map</button>
    </div>
  </div>
  <div class="row">
    <div class="col-md-4 col-md-offset-1">
      <h2>Map数据</h2>
      <textarea class="form-control" rows="36" id="mapData"></textarea>
    </div>
    <div class="col-md-4 col-md-offset-1">
      <h2>JSON数据</h2>
      <textarea class="form-control" rows="36" id="jsonData"></textarea>
    </div>
  </div>
</body>
<script>
  $(function(){
      $("#mapBtn").click(function(){ 
        $('#jsonData').val(JSON.stringify(map2Json($('#mapData').val()), null, "\t"));
      });
      $("#jsonBtn").click(function(){
        let map =  _jsonToMap($('#jsonData').val());
        let tempMap = '{\n';
        map.forEach(function (value, key, map) {
          tempMap += '\t' + key + "=" + value + ',\n';
        })
        tempMap = tempMap.substring(0,tempMap.length - 2);
        tempMap += '\n}'
        console.log(tempMap)
        $('#mapData').val(tempMap)
      });
  });
  //Java Map对象的String字符串转换为Json
  function map2Json(mapStr){
      var subStr = (mapStr.substring(1,mapStr.length-1)).trim();
      var arr = subStr.split(",");
      var newJson = {};
      for(var i in arr){
          var tmpObj = arr[i].split("=");
          newJson[$.trim(tmpObj[0])] = tmpObj[1];
      }
      return newJson;
  }
  //Json转换为Java Map对象的String字符串
  function json2Map(jsonStr){
      var subStr = jsonStr.substring(1,jsonStr.length-1);
      var arr = subStr.split(",");
      var newMap = {};
      for(var i in arr){
          var tmpObj = arr[i].split("=");
          newMap[$.trim(tmpObj[0])] = tmpObj[1];
      }
      return newJson;
  }
  function _objToStrMap(obj){
    let strMap = new Map();
    for (let k of Object.keys(obj)) {
      strMap.set(k,obj[k]);
    }
    return strMap;
  }
  /**
  *json转换为map
  */
  function _jsonToMap(jsonStr){
    return this._objToStrMap(JSON.parse(jsonStr));
  }
</script>
</html>

永不满足的求知者

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript对JSON数据和Java的Map集合互转

后端兄弟想要对 JSON数据和Java的Map集合进行互转，网上没找到在线转换的方法，抽空帮他写一个，提高他的开发效率<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>转换数.
复制链接

扫一扫