Explore a JSON array within another JSON array

Question

Explore a JSON array within another JSON array

Here is a JSON format that I have:

{
   "Project 
      [id=1, dateDebut=2017-01-13, dateFin=2017-01-18, description=qsd, sponsor=qsd ]"
    :
 [
  {"id":1,"title":"qsd ","description":"qsdqsd","dateFin":"2017-01-26"},
  {"id":2,"title":"sss ","description":"sss","dateFin":"2017-01-26"}
 ]
}

Generated from :

return new ObjectMapper.write(Map<Project,List<Task>> projectTasks = new LinkedMultiValueMap<>()) ;

UPDATE: Here is the actual response :

{"Project [id=1, name=qsdsqd, type=null, done=false, dateDebut=2017-01-13, dateFin=2017-01-18, description=qsd, sponsor=qsd, client=qsd, showable=true]":
[{"id":1,"title":"qsd ","description":"qsdqsd","dateFin":"2017-01-26","dateDebut":"2017-01-14","period":null,"done":false,"status":"Actif","priority":"Normal"},
{"id":2,"title":"task 2 ","description":"qsdqsd","dateFin":"2017-01-26","dateDebut":"2017-01-14","period":null,"done":false,"status":"Actif","priority":"Normal"}]}

How do I access and read the list of tasks on the client side?

javascript angularjs json

Answer 1

Answer №1

First and foremost, the JSON you provided is invalid. Have you double-checked if there should be a line break between the word Project and [id...]? A correctly formatted JSON would look like this:

{
   "Project [id=1, dateDebut=2017-01-13, dateFin=2017-01-18, description=qsd, sponsor=qsd, ]":
 [
  {"id":1,"title":"qsd ","description":"qsdqsd","dateFin":"2017-01-26"},
  {"id":2,"title":"sss ","description":"sss","dateFin":"2017-01-26"}
 ]
}

Although it's possible to use object keys like that, it might not be the most convenient way to retrieve data.

If changing your data schema is not an option (or something you prefer not to do), you can iterate through the Object using the

Object.keys(obj).forEach ( (key) => {
   console.log('key: ' + key);
   console.log('value: ' + obj[key]);

   /* You can iterate through your values (tasks) here */
   obj[key].forEach( (task) => {
      console.log('task1: ', task);
   });

});  //where obj represents your json

Alternatively, you can access the first object property with:

obj[Object.keys(obj)[0]]; //where obj represents your json

UPDATE @André Dion noted that forEach is more appropriate for iteration rather than map. Also, make sure that your response has been parsed from the server (either by yourself or with a library like jQuery). If not, you should utilize JSON.parse(response); to extract the object.

Answer 2

First and foremost, the JSON you provided is invalid. Have you double-checked if there should be a line break between the word Project and [id...]? A correctly formatted JSON would look like this:

{
   "Project [id=1, dateDebut=2017-01-13, dateFin=2017-01-18, description=qsd, sponsor=qsd, ]":
 [
  {"id":1,"title":"qsd ","description":"qsdqsd","dateFin":"2017-01-26"},
  {"id":2,"title":"sss ","description":"sss","dateFin":"2017-01-26"}
 ]
}

Although it's possible to use object keys like that, it might not be the most convenient way to retrieve data.

If changing your data schema is not an option (or something you prefer not to do), you can iterate through the Object using the

Object.keys(obj).forEach ( (key) => {
   console.log('key: ' + key);
   console.log('value: ' + obj[key]);

   /* You can iterate through your values (tasks) here */
   obj[key].forEach( (task) => {
      console.log('task1: ', task);
   });

});  //where obj represents your json

Alternatively, you can access the first object property with:

obj[Object.keys(obj)[0]]; //where obj represents your json

UPDATE @André Dion noted that forEach is more appropriate for iteration rather than map. Also, make sure that your response has been parsed from the server (either by yourself or with a library like jQuery). If not, you should utilize JSON.parse(response); to extract the object.

Answer 3

Answer №2

Feel free to give this a shot: Let's assume that the response mentioned above is stored in a variable called 'response'.

for(var item in response) { // This will loop through each item in the response
    for(var i=0; i<item.length; i++) { // This will go through the array of tasks for each item
         console.log("Task: " + item[i]);
         console.log(item[i]["id"]); // Accessing the id of each task, and you can do the same for other attributes
    }
}

Answer 4

Feel free to give this a shot: Let's assume that the response mentioned above is stored in a variable called 'response'.

for(var item in response) { // This will loop through each item in the response
    for(var i=0; i<item.length; i++) { // This will go through the array of tasks for each item
         console.log("Task: " + item[i]);
         console.log(item[i]["id"]); // Accessing the id of each task, and you can do the same for other attributes
    }
}

Explore a JSON array within another JSON array

Answer №1

Answer №2

Similar questions

How can the syntax of a JSON file be verified in Unix?

Having trouble figuring out the reason my JavaScript code isn't functioning properly. Any ideas?

Sending the Request Body from Angular to a RESTful API

Using React Bootstrap: Passing an array to options in Form.Control

Assistance with organizing date schedules using Javascript

Error Message: Error Code 2. I am encountering an issue with the bot expecting either undefined or null and receiving a string primitive instead. Any

How can I install fs and what exactly does it do in JavaScript?

Looking for assistance with transferring API information to components

The angular filter I implemented is running thrice before yielding no result

Using $index in ng-class to dynamically apply form validation styles

Retrieving the output from a function in Angular

Encountering an error with my JSONP call

The function called Nuxt: n2 is not defined

How exactly does this JavaScript code determine the index of the maximum value within an array?

Combining Mongoose query results in a for loop: A step-by-step guide

Tasks should be defined prior to being referenced in order to avoid any issues

Bootstrap - Input fields not following grid constraints

Is it necessary to generate a file for each API in Next.js?

Looking to transform a string into JSON format using LogStash

Dart and external CSS and JS libraries and tools