javascript - JSON字符串循环并打印

Question

我有一个这种格式的 JSON 字符串

{"prey":["{\"distance\": 8.686924173343307, \"signal\": \"-59\", \"frequency\": 2447, \"mac\": \"00:00:00:00:00:00\", \"ip\": \"192.168.43.27\"}"]}

我正在使用 var jsonSpy = JSON.parse(userList); 解析此 json

我正在尝试使用下面的代码来获取距离，我有两个变体都做同样的事情。我可以让它输出距离、信号、频率、mac 和 ip 的每个单独数组，但无法获取单独的数据位，如下面的代码所示。我知道循环和每个都做同样的事情，json 打印出一个字符串，但是当我尝试获取距离时，我收到一条未定义的消息而不是错误，它只是返回未定义。

for(var i = 0; i < jsonSpy.prey.length; i++)
{
    console.log(jsonSpy.prey[i]);
    console.log(jsonSpy.prey[i].distance);
    ctx.fillRect(jsonSpy.prey[i].distance, 300, 20, 20);
}

$.each(jsonSpy.prey, function(i, item) {
    console.log(jsonSpy.prey[i]);
    console.log(jsonSpy.prey[i].distance);
    ctx.fillRect(jsonSpy.prey[i].distance, 300, 20, 20);
});

Answer 1

jsonSpy.prey[0] 中的数据仍然是字符串化的。为了使用内部的 JSON，您需要再次通过 JSON.parse() 运行它:

for(var i = 0; i < jsonSpy.prey.length; i++)
{
    var innerJSON = JSON.parse(jsonSpy.prey[i]);

    console.log(jsonSpy.prey[i]);
    console.log(innerJSON.distance);
    ctx.fillRect(innerJSON.distance, 300, 20, 20);
}