How to Access Nested JSON Data

How to access nested JSON data

To be honest, I can't understand your problem. JSON is already structured out, why do you need to change the structure?

In you case, I would access it as follows:

data.address.streetName;

If, by any chance, what you want is to traverse the data, you would need:

function traverse_it(obj){
    for(var prop in obj){
        if(typeof obj[prop]=='object'){
            // object
            traverse_it(obj[prop[i]]);
        }else{
            // something else
            alert('The value of '+prop+' is '+obj[prop]+'.');
        }
    }
}

traverse_it(data);

---

Update

After reading below, what this user needs seems more obvious. Given property names as a string, s/he wants to access the object.

function findProp(obj, prop, defval){
    if (typeof defval == 'undefined') defval = null;
    prop = prop.split('.');
    for (var i = 0; i < prop.length; i++) {
        if(typeof obj[prop[i]] == 'undefined')
            return defval;
        obj = obj[prop[i]];
    }
    return obj;
}

var data = {"id":1,"name":"abc","address":{"streetName":"cde","streetId":2}};
var props = 'address.streetName';
alert('The value of ' + props + ' is ' + findProp(data, props));

how to access nested object in JSON string

JSON objects are written in key/value pairs. Therefore, to access JSON objects, you can use the square brackets and place the key in it.

So for your example, you can do usrdetail["user"]["id"] which should retrieve the user's id.

JSON.simple - How to correctly access nested JSON objects

Yes, you are right, simply extract the JSONObject within the loop and then get the required fields.

public class main {

    public static void main(String[] args) throws FileNotFoundException, IOException, ParseException
    {

        JSONParser parser = new JSONParser();
        Object obj = parser.parse(new FileReader("..."));   // json path
        JSONObject jsonObject = (JSONObject) obj;
        JSONArray array = (JSONArray) jsonObject.get("collection");

        for (Object number : array )
        {
            JSONObject testObj = (JSONObject) number;

            String pool = (String)testObj.get("pool");
            System.out.println(testObj.get("length"));
            System.out.println(pool);
            System.out.println(testObj.get("weather"));

            JSONObject trophyObj = (JSONObject) testObj.get("trophy-name");
            System.out.println((String)trophyObj.get("text"));
            System.out.println((String)trophyObj.get("text2"));
        }
    }
}

how do I access nested json data with vuejs

Based on the result of your endpoint you should change your assignment of items to

.then(response => {
  this.items = response.data.results
})

And your loop to

<tr v-for="item in items" :key="item.id">
  <td>{{ item.id }}</td>
  <!-- as downloadable is an array, see update below etc. -->
</tr>

But be aware - if you assign the data.results directly you will lose the so called "paginator" information that also contains the link to load more.

So another option would be to assign

this.items = response.data

HOWEVER, be aware that you should then define items in your data as null or empty object (not array, as this would be false)

And then change your loop to something like this (it's now looping in item.results)

<tbody v-if="items && items.results">
 <tr v-for="item in items.results" :key="item.id">
  <td>{{ item.id }}</td>
  <!-- as downloadable is an array - see Update below etc. -->
 </tr>
</tbody>

This approach would allow you to show the total count via items.count for example

UPDATE:

Actually downloadable is an array! I can only assume what you actually want to achieve to here. I've created a jsfiddle to showcase it: https://jsfiddle.net/v73xe4m5/1/

The main thing you probably want to do is filter the entry to only show entries where downloadable contains a document_en.

      <tr v-for="item in items.results" :key="item.id">
        <td>{{ item.id }}</td>
        <td>
          <div class="downloads">
          <span
            v-for="downloadable in item.downloadable.filter(d => !!d.document_en)"
            :key="downloadable.id"
           >{{ downloadable.document_en.file }}</span>
           </div>
        </td>
      </tr>

I'm not familiar with that endpoint / api - so I don't know if it might return more than one relevant document per item.

As you can see I used a second v-for loop inside the <td> in order to go through all downloadable entries. Before doing so, they are filtered, so only entries that actually have a document_en value are shown. You can adapt this as you want.

Hope that helps!

How to access nested json object in kotlin

response ->
            try {
                val jsonArray = response.getJSONArray("items")
                for (i in 1..jsonArray.length()) {
                    val jsonObject = jsonArray.getJSONObject(i)
                    // TRY THIS
                    val id = jsonObject.getJSONObject("id").getString("videoId")
                    Log.i(TAG, "parseJson: $id")
                }
            } catch (e: Exception) {
                Log.i(TAG, "parseJson: ${e.message}")
            }
        }

How to access nested Json Object Value into JPA Entity Class

You should modify your request body before reaching the controller.

"You must consider the application performance factors on your own
before implementation"

Option 1. Using RequestBodyAdvice.

Option 2. Using Spring HandlerInterceptor.

Option 3. Use AOP

Option 4. Using HTTP Filter.

---

The below solution only works if you are using a separate DTO class.

private Map<String, String> meta = new HashMap<>();

String userID = importTrans.getMeta().get("userId");

I hope the above pieces of information answered your question.

how to access nested JSON object values using javascript

You can access the value inside the JSON using bracket notation.

var str = '{"return": {"response": [{"$": 1234}],"responseMessage": [{"$": "Success ABC"}],"responseCode": [{"$": "CITY,India"}]}}';
var obj = JSON.parse(str);console.log(obj.return.response[0]['$']);console.log(obj.return.responseMessage[0]['$']);console.log(obj.return.responseCode[0]['$']);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Access nested JSON object without specifying key in JavaScript

const data = {
  "employees": {
      "Gill Bates": {
          "position": "Software Engineer",
          "office": "Tokyo, Japan"
      },
      "Jebron Lames": {
          "position": "Full-stack Developer",
          "office": "Manila, Philippines"
      }
  }
};

const { employees } = data;

const extract = (p) => Object.keys(employees).map(name => employees[name][p]);

console.log('get every employees position', extract('position'));
console.log('get every employees office', extract('office'));

---

Related Topics