如何使用 JavaScript 访问 JSON 文档的属性？

Question

Using JavaScript , how can I access the area variable in the JSON document below?

{

  "foo : age=39, height=170": {
  "age": 39,
  "height": 172,
  "center": {
     "area": 102,
     "local": 304
  },
  "color": "#0000ff",
  "radius": 9.5,
  "color_srv": "#aa0054"
 }
}

Answer 1

You need the whole property string for the access, even if it look a bit strange.

 var data = { "foo : age=39, height=170": { "age": 39, "height": 172, "center": { "area": 102, "local": 304 }, "color": "#0000ff", "radius": 9.5, "color_srv": "#aa0054" } }; document.write(data['foo : age=39, height=170'].center.area);

Answer 2

First you need to fix up that JSON , the format is invalid as it stands...

If you were to change it to something like this...

{
    "foo": {
        "age": 39,
        "height": 172,
        "center": {
            "area": 102,
            "local": 304
        },
        "color": "#0000ff",
        "radius": 9.5,
        "color_srv": "#aa0054"
    }
}

You could access that variable using the JavaScript below...

console.log(testing["foo"]["center"]["area"])