Having difficulty executing a loop on the JSON response object

Question

Having difficulty executing a loop on the JSON response object

I've stored categories and their types in a dictionary in a .cs file, like this:

Dictionary<string, List<string>> jsonDic

To convert it into a JSON object string, I used the following logic:

JavaScriptSerializer jss = new JavaScriptSerializer();
string barJson = jss.Serialize(jsonDic);
string js = "TypesArray(" + barJson + ")";
ScriptManager.RegisterStartupScript(this, this.GetType(), "Startup1", js, true);

In my .js file, I'm receiving the following response:

The result is not in array form, so I can't index points as it's not an array. How should I proceed? I need to be able to index both categories and types associated with each category.

c#javascript json

Answer 1

Answer №1

To retrieve any of the attributes, simply refer to them by name.

 tpoints["Foods"]

This will give you an array of strings related to foods:

[Restaurant, Cafe, Bakery]

If you need to loop through the attributes:

for (var property in tpoints ) {
    if (tpoints.hasOwnProperty(property)) {
        // perform actions
    }
}

Answer 2

To retrieve any of the attributes, simply refer to them by name.

 tpoints["Foods"]

This will give you an array of strings related to foods:

[Restaurant, Cafe, Bakery]

If you need to loop through the attributes:

for (var property in tpoints ) {
    if (tpoints.hasOwnProperty(property)) {
        // perform actions
    }
}

Answer 3

Answer №2

It seems there may be a bit of confusion regarding the data structure you are dealing with. The title of your question is misleading...

Having trouble executing a for loop on a json response object

because you are actually able to iterate through the json objects. When you serialize the object shown below...

Dictionary<string, List<string>> jsonDic;

the serializer is effectively converting each KeyValuePair object within the dictionary into a json array item, known as tPoint. To loop through this array, all you need to do is...

for (var tpoint in tpoints ) {
    tpoint.Foods; //get food array
    tpoint.Foods[0]; //retrieve first food item

}

You can even include a nested for loop to iterate through each inner array like so...

for (var tpoint in tpoints ) {

    for(var i = 0; i < tpoint.Foods.length;i++){
        console.log(tpoint.Foods[i]);
    }
}

This will cycle through all food items in every tpoints

Answer 4

It seems there may be a bit of confusion regarding the data structure you are dealing with. The title of your question is misleading...

Having trouble executing a for loop on a json response object

because you are actually able to iterate through the json objects. When you serialize the object shown below...

Dictionary<string, List<string>> jsonDic;

the serializer is effectively converting each KeyValuePair object within the dictionary into a json array item, known as tPoint. To loop through this array, all you need to do is...

for (var tpoint in tpoints ) {
    tpoint.Foods; //get food array
    tpoint.Foods[0]; //retrieve first food item

}

You can even include a nested for loop to iterate through each inner array like so...

for (var tpoint in tpoints ) {

    for(var i = 0; i < tpoint.Foods.length;i++){
        console.log(tpoint.Foods[i]);
    }
}

This will cycle through all food items in every tpoints

Having difficulty executing a loop on the JSON response object

Answer №1

Answer №2

Similar questions

Understanding the res.render method in JavaScript can be a bit tricky at first

Using a three.js texture with a JSON object

Array logging mistakenly outputs a number

The json.stringify method is inserting additional backslashes into the response sent by res.send()

Discovering all routes and categories of a JSON using System.Text.Json in .NET 6

Is it possible to create a webpage where the header and footer remain static, while the content in the body can be dynamically changed

Unable to show PHP results in HTML

Swapping out meshes on the fly using three.js動态替换单个网格与

React & Material UI: Unleashing the Power of Chained Arrow Functions

Unveiling the secrets of delivering Nested TreeView JSON through Web API

What is the best method for finding and observing the Javascript code being utilized on a webpage?

The issue of Ejs partial header and footer file only functioning in one file and not the other (both at the same directory level)

The PHP sorted array loses its order when encoded into JSON and then sorted in JavaScript

Looping through jQuery click() function

Guide on linking Influxdb information in a Vue application using node.js?

worldpay implements the useTemplateForm callback function

Implementing validation for a Textbox based on changes in another component's value in React.js

Leverage Async/Await in React.js with the Axios Library

create the text with double bold - adjusted pages

Trying to understand the strange behavior of HTML parsing with jQuery in Javascript and Firefox