Question

这是我的代码

var data = '{"coord":{"lon":74.34,"lat":31.55},"weather":[{"id":711,"main":"Smoke","description":"smoke","icon":"50d"},{"id":701,"main":"Mist","description":"mist","icon":"50d"}],"base":"cmc stations","main":{"temp":304.6,"pressure":1002,"humidity":62,"temp_min":304.15,"temp_max":305.15},"wind":{"speed":5.1,"deg":130},"clouds":{"all":20},"dt":1466901000,"sys":{"type":1,"id":7133,"message":0.0035,"country":"PK","sunrise":1466899176,"sunset":1466950287},"id":1172451,"name":"Lahore","cod":200}'
    setWeather(data);

function setWeather(data) {
    var json = JSON.parse(JSON.stringify(data));
    alert(json['main']['temp']);
    $('#temp').html(json['main']['temp']);
}

我似乎无法弄清楚为什么我无法访问json对象参数。谁知道问题是什么？

提前致谢。

Answer 1

让我们进行一些基本的调试：

> var data = '{"coord": ... }';
> typeof data
  "string"

到目前为止，data是一个字符串。

> JSON.stringify(data);
""{\"coord\": ... }""
> typeof JSON.stringify(data);
  "string"

显然JSON.stringify(data)也会返回一个字符串。我们可以看到data中包含的相同值，但现在包括周围的引号（请注意开头和结尾处的双""）和转义引号（\"）。

那么JSON.stringify究竟做了什么？它会将任何JavaScript值转换为 JSON。一些例子：

> JSON.stringify([]) // array
  "[]"
> JSON.stringify(true) // array
  "true"
> JSON.stringify("foo") // string  
  ""foo""

我们可以看到传递一个字符串只会产生另一个JSON编码的字符串，所以这看起来并不特别有帮助。但是你也在使用JSON.parse，所以让我们看看它有什么影响：

> JSON.parse(JSON.stringify(data))
  "{"coord": ... }"
> typeof JSON.parse(JSON.stringify(data))
  "string"

似乎使用JSON.parse再次返回一个字符串。这不应该太令人惊讶，因为我们将字符串值传递给JSON.stringify，它将把它编码为JSON字符串。解析此结果必须返回原始值，这是一个字符串。我们可以轻松验证：

> JSON.parse(JSON.stringify(data)) === data
  true

是的。

这样就无法帮助我们将data转换为JavaScript对象。让我们试试JSON.parse：

> JSON.parse(data)
  Object {coord: Object, weather: Array[2], base: "cmc stations", main: Object, wind: Object…}

看起来好多了。由于data包含JSON编码对象，JSON.parse会将该值转换为JavaScript对象。

Answer 2

我的例子，data是一个字符串，而不是一个javascript对象，所以你不需要使用JSON.stringify，删除它，它应该有效：

var data = '{"coord":{"lon":74.34,"lat":31.55},"weather":[{"id":711,"main":"Smoke","description":"smoke","icon":"50d"},{"id":701,"main":"Mist","description":"mist","icon":"50d"}],"base":"cmc stations","main":{"temp":304.6,"pressure":1002,"humidity":62,"temp_min":304.15,"temp_max":305.15},"wind":{"speed":5.1,"deg":130},"clouds":{"all":20},"dt":1466901000,"sys":{"type":1,"id":7133,"message":0.0035,"country":"PK","sunrise":1466899176,"sunset":1466950287},"id":1172451,"name":"Lahore","cod":200}'
    setWeather(data);

function setWeather(data) {
    //NOTE: only parse is needed
    var json = JSON.parse(data);
    alert(json['main']['temp']);
    $('#temp').html(json['main']['temp']);
}

Answer 3

由于单引号，

数据是一个字符串，因此如果您调用JSON.stringify（数据），则会向数据添加另一个双引号，这意味着为了将数据转换为JS对象，您需要两次调用JSON.parse（data）。

 var obj ='{hello:1}';  //string



var json= JSON.stringify(obj);
console.log(json);               // "\"{hello:1}\""

console.log(JSON.parse(json));   //"{hello:1}"    => still a string

要通过将数据转换为对象来正确运行代码，只需删除JSON.stringify（）

即可

function setWeather(data) {
    var json = JSON.parse(data); // remove JSON.stringify() => now json is object
    alert(json['main']['temp']);
    $('#temp').html(json['main']['temp']);
}

json - 无法访问json参数

3 个答案: