What is the best way to loop through this JSON object without using jQuery?

Question

What is the best way to loop through this JSON object without using jQuery?

I have a json object that I obtained using

var jsonObj = json_encode( <?php echo $php_array ?>);

. It looks different from the typical format, such as what is shown on w3schools:

{
    "employees": [
        { "firstName":"John" , "lastName":"Doe" }, 
        { "firstName":"Anna" , "lastName":"Smith" }, 
        { "firstName":"Peter" , "lastName":"Jones" }
    ]
}

My json structure is completely different:

{"PINEFOREST JEWELRY":
    ["3034.25","2002-01-02"],
"AMBERS DESIGN":
    ["2034.75","2002-01-02"],
"ELEGANT JEWELERS":
    ["206","2002-01-02"],
"SALEM'S JEWELERS":
    ["406","2002-01-02"]}

Is it possible for me to iterate through this json object?

javascript json

Answer 1

Answer №1

To access the object's immediate properties, a for loop can be utilized in the following manner:

let value;
for(let prop in object) {
    if(object.hasOwnProperty(prop)){
        value = object[prop];
        console.log(value);
    }
}

Answer 2

To access the object's immediate properties, a for loop can be utilized in the following manner:

let value;
for(let prop in object) {
    if(object.hasOwnProperty(prop)){
        value = object[prop];
        console.log(value);
    }
}

Answer 3

Answer №2

One way to iterate through nested data structures is by using a combination of for in and for loops.

for (var category in items) {
    for (var index = 0; index < items[category].length; index++) {
        console.log(items[category][index]);
    }
}

Answer 4

One way to iterate through nested data structures is by using a combination of for in and for loops.

for (var category in items) {
    for (var index = 0; index < items[category].length; index++) {
        console.log(items[category][index]);
    }
}

Answer 5

Answer №3

Absolutely! You can iterate through it since it is valid json data.

In order to begin, you must first convert the json into a format that JavaScript can iterate over using JSON.parse() (MDN). Assuming that the 'json' mentioned earlier is a string of 'json', the process would look like this:

var accessories = JSON.parse(myJson); // Replace myJson with your actual variable holding the json

Now, you have an object that you can iterate through. One simple way to achieve this is by utilizing Object.keys() (MDN) along with Array.forEach() (MDN) in this manner:

Object.keys(accessories).forEach(function (key) {
    console.log(key); // Will display 'PINEFOREST JEWELRY' on the first iteration
    accessories[key].forEach(function (price) {
        console.log(price); // Should show '3034.25' initially
    }
});

Give it a shot, or explore other solutions suggested by fellow contributors – both approaches are effective. However, this method aligns with my preference for handling such scenarios!

Answer 6

Absolutely! You can iterate through it since it is valid json data.

In order to begin, you must first convert the json into a format that JavaScript can iterate over using JSON.parse() (MDN). Assuming that the 'json' mentioned earlier is a string of 'json', the process would look like this:

var accessories = JSON.parse(myJson); // Replace myJson with your actual variable holding the json

Now, you have an object that you can iterate through. One simple way to achieve this is by utilizing Object.keys() (MDN) along with Array.forEach() (MDN) in this manner:

Object.keys(accessories).forEach(function (key) {
    console.log(key); // Will display 'PINEFOREST JEWELRY' on the first iteration
    accessories[key].forEach(function (price) {
        console.log(price); // Should show '3034.25' initially
    }
});

Give it a shot, or explore other solutions suggested by fellow contributors – both approaches are effective. However, this method aligns with my preference for handling such scenarios!

What is the best way to loop through this JSON object without using jQuery?

Answer №1

Answer №2

Answer №3

Similar questions

Creating a versatile Google line chart with multiple series that have varying datetime values

Why does starting up the Firebase emulators trigger the execution of one of my functions as well?

How can I ensure that the div remains fixed on scroll and appears directly below the navigation bar, rather than at the top of the page?

Stopping CSS animations at a specific point along the path without using timing functions can be achieved by implementing a targeted

Unable to load circles on page refresh with amCharts Maps

Would appreciate guidance on incorporating breadcrumbs into the JSP code provided below. Thank you for your help!

"After completing the task, the textview does not get updated in onpost

Is it possible to create a pitch shifter with the web-audio-api?

Having trouble transferring form data from a React.js form to a Flask API, as it is not permitting submission to MongoDB

Utilizing regular expressions on a URI parameter in JavaScript

I am encountering an issue with the appendChild() method when trying to create a new element using createElement("ul")

I'm attempting to streamline my code...what is preventing me from achieving this?

Integrate the dForm plugin with a convenient time picker widget

I encountered an issue while using the tab bar feature in Bootstrap where I wasn't able to navigate back to the first tab or any

Generating a Stream for FormData implementation

How can jsPDF be used with Angular2 in Typescript?

Having trouble with custom popup message rendering but the button is unresponsive?

Exploring the capabilities of Set() and the for..in loop in JavaScript

Numerous features

HTML code with embedded messages