首頁  >  文章  >  web前端  >  如何在 JavaScript 中迭代 JSON 陣列?

如何在 JavaScript 中迭代 JSON 陣列?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-27 20:28:14471瀏覽

How to Iterate Through a JSON Array in JavaScript?

在 JavaScript 中迭代 JSON 結構

本文提供了一個在 JavaScript 中迭代 JSON結構的實用解決方案,解決了特定的問題問題:

問題:

如何在 JavaScript 中迭代以下 JSON 結構?

[{ "id": "10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }]

答案:

提供的 JSON 結構是陣列格式。要迭代它,請按照下列步驟操作:

  1. 建立一個陣列物件:
var arr = [
    {"id":"10", "class": "child-of-9"},
    {"id":"11", "class": "child-of-10"}
];
  1. 使用For循環迭代數組:
for (var i = 0; i < arr.length; i++) {
  1. 訪問循環中的當前對象:
var obj = arr[i];
  1. 使用另一個For循環來迭代物件的屬性:
for (var key in obj) {
  1. 擷取並顯示屬性值:
var value = obj[key];
document.write("<br><br>array index: " + i);
document.write("<br> - " + key + ": " + value);

此程式碼片段將迭代覆蓋JSON 數組中的每個物件並在文件中顯示其屬性和值。

以上是如何在 JavaScript 中迭代 JSON 陣列?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn