如何访问多维JSON对象

Question

我正在发送JSON编码数组列表，它给出了以下输出：

[
  "2017",
  "4",
  "2017-04-28",
  "2017-4-30",
  "6",
  36,
  42,
  {
    "2017-4-1": "",
    "2017-4-2": "",
    "2017-4-3": 1,
    "2017-4-4": 1,
    "2017-4-5": "",
    "2017-4-6": "",
    "2017-4-7": "",
    "2017-4-8": "",
    "2017-4-9": "",
    "2017-4-10": "",
    "2017-4-11": "",
    "2017-4-12": "",
    "2017-4-13": 2,
    "2017-4-14": "",
    "2017-4-15": 1,
    "2017-4-16": 3,
    "2017-4-17": "",
    "2017-4-18": 1,
    "2017-4-19": "",
    "2017-4-20": "",
    "2017-4-21": "",
    "2017-4-22": "",
    "2017-4-23": "",
    "2017-4-24": "",
    "2017-4-25": "",
    "2017-4-26": 1,
    "2017-4-27": 2,
    "2017-4-28": "",
    "2017-4-29": "",
    "2017-4-30": 2
  }
]

我可以使用jQuery访问上面的数组：

var json = $.parseJSON(response);
var dateYear = json[0];

但是如何访问这些数据呢？

"2017-4-1": "",
"2017-4-2": "",
"2017-4-3": 1,
"2017-4-4": 1,
"2017-4-5": "",
"2017-4-6": "",
"2017-4-7": "",
"2017-4-8": "",
"2017-4-9": "",
"2017-4-10": "",
"2017-4-11": "",
"2017-4-12": "",
"2017-4-13": 2,
"2017-4-14": "",
"2017-4-15": 1,
"2017-4-16": 3,
"2017-4-17": "",
"2017-4-18": 1,
"2017-4-19": "",
"2017-4-20": "",

Answer 1

为此，您只需循环遍历数组的第8个元素，如下所示：

​

var dateYear = ["2017","4","2017-04-28","2017-4-30","6",36,42,{"2017-4-1":"","2017-4-2":"","2017-4-3":1,"2017-4-4":1,"2017-4-5":"","2017-4-6":"","2017-4-7":"","2017-4-8":"","2017-4-9":"","2017-4-10":"","2017-4-11":"","2017-4-12":"","2017-4-13":2,"2017-4-14":"","2017-4-15":1,"2017-4-16":3,"2017-4-17":"","2017-4-18":1,"2017-4-19":"","2017-4-20":"","2017-4-21":"","2017-4-22":"","2017-4-23":"","2017-4-24":"","2017-4-25":"","2017-4-26":1,"2017-4-27":2,"2017-4-28":"","2017-4-29":"","2017-4-30":2}];

for (var key in dateYear[7]) {
  console.log(key + ' = ' + dateYear[7][key]);
}

​

Answer 2

您可以像这样访问对象中的键：for(key in obj)

​

var obj = [
  "2017",
  "4",
  "2017-04-28",
  "2017-4-30",
  "6",
  36,
  42,
  {
    "2017-4-1": "",
    "2017-4-2": "",
    "2017-4-3": 1,
    "2017-4-4": 1,
    "2017-4-5": "",
    "2017-4-6": "",
    "2017-4-7": "",
    "2017-4-8": "",
    "2017-4-9": "",
    "2017-4-10": "",
    "2017-4-11": "",
    "2017-4-12": "",
    "2017-4-13": 2,
    "2017-4-14": "",
    "2017-4-15": 1,
    "2017-4-16": 3,
    "2017-4-17": "",
    "2017-4-18": 1,
    "2017-4-19": "",
    "2017-4-20": "",
    "2017-4-21": "",
    "2017-4-22": "",
    "2017-4-23": "",
    "2017-4-24": "",
    "2017-4-25": "",
    "2017-4-26": 1,
    "2017-4-27": 2,
    "2017-4-28": "",
    "2017-4-29": "",
    "2017-4-30": 2
  }
];

var last = obj[7];
for(key in last) {
  console.log(key);
}

​

Answer 3

使用下面的jQuery代码。运行一个for()循环以获取所有数组数据，然后检查对象，然后再添加一个子for()循环以访问另一个object类型的子数据。

检查下面的代码片段：

for (var i = 0; i < myArr.length; i++) {
        if (typeof myArr[i] === "object") {
          for (var sec = 1; sec < 30; sec++) {
            $("ul").append("<li><span>" + myArr[i]["2017-4-" + sec] + "</span></li>")
          }
        } else {
          $("ul").append("<li>" + myArr[i] + "</li>")
        }

      }

​

$(document).ready(function() {
  var myArr = [
    "2017",
    "4",
    "2017-04-28",
    "2017-4-30",
    "6",
    36,
    42,
    {
      "2017-4-1": "object 1",
      "2017-4-2": "object 2 ",
      "2017-4-3": 1,
      "2017-4-4": 1,
      "2017-4-5": "",
      "2017-4-6": "",
      "2017-4-7": "",
      "2017-4-8": "",
      "2017-4-9": "",
      "2017-4-10": "",
      "2017-4-11": "",
      "2017-4-12": "",
      "2017-4-13": 2,
      "2017-4-14": "",
      "2017-4-15": 1,
      "2017-4-16": 3,
      "2017-4-17": "",
      "2017-4-18": 1,
      "2017-4-19": "",
      "2017-4-20": "",
      "2017-4-21": "",
      "2017-4-22": "",
      "2017-4-23": "",
      "2017-4-24": "",
      "2017-4-25": "",
      "2017-4-26": 1,
      "2017-4-27": 2,
      "2017-4-28": "",
      "2017-4-29": "",
      "2017-4-30": 2
    }
  ]

  // Fetching data
  for (var i = 0; i < myArr.length; i++) {
    if (typeof myArr[i] === "object") {
      for (var sec = 1; sec < 30; sec++) {
        $("ul").append("<li><span>" + myArr[i]["2017-4-" + sec] + "</span></li>")
      }
    } else {
      $("ul").append("<li>" + myArr[i] + "</li>")
    }

  }
});

li span {
  color: green
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<ul></ul>

​