数组数组，JSON.stringify() 给出空数组而不是整个对象

Question

这是我的数组（来自 Chrome 控制台）：

这是代码的相关部分：

console.log(hours);
var data = JSON.stringify(hours);
console.log(data);

在 Chrome 的控制台中，我从最后一行得到[]。我应该得到{'Mon':{...}...}

这里是重现该问题的最少 JavaScript：

var test = [];
test["11h30"] = "15h00"
test["18h30"] = "21h30"
console.log(test);    
console.log(JSON.stringify(test)); // outputs []

我尝试了一些其他的东西，比如 Convert array to JSON 或 Convert javascript object or array to json for ajax data 但问题仍然存在。

Answer 1

你可以使用

const newMap = JSON.parse('{}');
newMap[name] = value;

和吝啬新地图。结果解析为 Map

Answer 2

在 javascript 数组中，索引是数字键。 JSON.stringify 假设一个数组只有数字属性。

你想使用一个对象，因为你拥有的不是一个数组，而是一个字典。

这是我做的一个例子： http://jsfiddle.net/developerwithacaffeineproblem/pmxt8bwf/2/

object = Object()
object["age"] = 1
object["cars"] = 2
object["girlfriends"] = 3

JSON.stringify(object)

结果：
"{"age":1,"cars":2,"girlfriends":3}"

之后，当您解析数据时，如果您想对其进行迭代，您可以使用与此类似的一段代码：

for (var key in yourobject) {
  if (yourobject.hasOwnProperty(key)) {
     console.log(key, yourobject[key]);
  }
}

Answer 3

像所有 JavaScript 对象一样，数组可以具有 properties 和基于字符串的键，就像你正在使用的那样。但是只有整数键（或可以干净地转换为整数的键）实际上被视为数组的元素。这就是 JSON 没有捕获您的属性的原因，也是您的数组都将其长度报告为零的原因。

如果你真的需要使用非整数键，你应该使用普通对象，而不是数组。这个方法有它自己的陷阱——例如，你需要小心 for-in 循环——但是 JSON 会按照你期望的方式工作。

var hours = {
    "Mon" : {
        "11h30" : "15h00",
        "18h30" : "21h30"
    }, 
    "Tue" : {},
    "Wed" : {
        "11h30" : "15h00",
        "18h30" : "21h30"
    }, 
    "Thu" : {},
    "Fri" : {},
    "Sat" : {},
    "Sun" : {
        "11h30" : "15h00",
        "18h30" : "21h30"
    }, 
}

Answer 4

这是重现问题的最少 javascript 量

var test = [];
test["11h30"] = "15h00"
test["18h30"] = "21h30"
console.log(test);    
console.log(JSON.stringify(test)); // outputs []

上述问题在于，虽然 javascript 很乐意让您将新属性后期绑定到 Array，但 JSON.stringify() 只会尝试序列化数组中的实际元素。

使对象成为实际对象的最小更改，JSON.stringify 按预期工作：

var test = {}; // here is thre only change. new array ([]) becomes new object ({})
test["11h30"] = "15h00"
test["18h30"] = "21h30"
console.log(test);
console.log(JSON.stringify(test)); // outputs {"11h30":"15h00","18h30":"21h30"}