从js Map和String创建json string

Question

我的REST控制器需要以下格式的请求输入，它成功地将其转换为包含映射和字符串作为参数的Java对象：

{ 
"myMap" : { 
    "key1": "value1", 
    "key2": "value2", 
    "key3": "value3"},
"myString": "string value"
}

我从html表单中获取数据，如下所示：

var myMap = new Map();
var String = document.getElementById('String').value;
for (var i = 0 ; i<anArray.length ; i++){
    var input = document.getElementsByClassName('input_' + (i+1));
    for (var j = 0 ; j<3 ; j++){
        if (input[j].checked){
            myMap.set(input[j].name, input[j].id);
        }
    }
}

基本上，这段代码可以归结为：

var myMap = new Map();
myMap.set("key1", "value1");
myMap.set("key2", "value2");
myMap.set("key3", "value3");

这会导致包含{key1=的映射

var myJson = {};
myJson.myMap = myMap;
myJson.myString = myString;
var json = JSON.stringify(myJson);

但是，我最终会得到以下字符串：'{"myMap"：{}，"String"："myString"}'。所以我可能必须做一些不同的事情来对地图进行字符串化，但是我尝试的都不起作用。

有人能帮我吗？

Answer 1

JSON字符串化对对象、数组和函数具有特殊的行为。

例如：

JSON.stringify( function(){} ); // output: undefind
JSON.stringify( [2,undefined,function(){}, 5] ); //output: "[2,null,null,5]"

解决这个问题的一种方法是为其定义一个toJSON（）方法，该方法返回对象的JSON安全版本。

var myJson = {};
myJson.toJson = function() {
    return {  /* what ever you need*/}
}

其次，更简单的是，使用ES6语法：

JSON.stringify([...myMap]);

Answer 2

使用ES6语法，尤其是如果您有嵌套映射（否则IdanDagan的答案更简单），您可以使用JSON。stringify（）的第二个参数是reducer，如下所示：

JSON.stringify(myMap, (key, value) => (value instanceof Map ? [...value] : value));

Answer 3

您可以编写一个简短的转换函数，将映射转换为可以字符串化的对象。

console.clear()

function mapToObj(map){
  const obj = {}
  for (let [k,v] of map)
    obj[k] = v
  return obj
}

const myMap = new Map();
myMap.set("key1", "value1");
myMap.set("key2", "value2");
myMap.set("key3", "value3");

const myString = "string value"

const myJson = {};
myJson.myMap = mapToObj(myMap);
myJson.myString = myString;
const json = JSON.stringify(myJson);

console.log(json)