How Do I Iterate Through a JSON Array of Objects in JavaScript?

Iterating Over JSON Structures in JavaScript

When working with JSON data, it often becomes necessary to iterate over its structure to extract or manipulate data. In the provided JSON structure:

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

We can use a simple JavaScript for loop to iterate through each object in the array:

for (var i = 0; i < arr.length; i++) {
  // First, access the current object
  var obj = arr[i];

  // Now, we can iterate over the object's properties
  for (var key in obj) {
    // Obtain the value for the current property
    var value = obj[key];

    // Output the key and value
    document.write(`<br><br> - ${key}: ${value}`);
  }
}

This code will step through each object in the array, accessing its id and class properties. The output will be displayed in the browser, listing each property and its value.

The above is the detailed content of How Do I Iterate Through a JSON Array of Objects in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!