Looping through json array in JS

Question

My JSON

[
 {
   "container":         
  [
    null,null,null,null,null
  ],

   "type":
  [
  "text","text","text","text","text"
  ],

   "role":
  [
    null,null,null,null,null
  ],

  "subtype":
  [
   null,null,null,null,null
  ],

  "maxlength":
  [
   null,null,ull,null,null

  ]

 }
]

My Code

for(i=0; i<jsonString.length; i++){
        container = jsonString[i];
        console.log(container);
        for(j in container){
            console.log(container[j]);
        }
    }

Thia isn't giving me the desired result. I know there a lot of these type of question, but I have applied several of them but to no avail.Thanks for the help.

Are you just trying to output the values of each item in the arrays? — Jacques ジャック, Jun 16 '17 at 15:14
That's not [JSON](http://json.org) but an array with one object ([What is the difference between JSON and Object Literal Notation?](https://stackoverflow.com/questions/2904131/what-is-the-difference-between-json-and-object-literal-notation)). And `jsonString` is, if it contains the shown array, a really bad name as the content isn't a string... — Andreas, Jun 16 '17 at 15:18
_"Thia isn't giving me the desired result."_ And what _is_ the desired result? — Andreas, Jun 16 '17 at 15:20
@Andreas hey I this is json which I got after converting list into json using Gson.. — iamklaus, Jun 16 '17 at 15:20
The outer array only has a single element, an object. This object has keys. — , Jun 16 '17 at 15:20
There are a few ways to do this, but you'd basically just need to loop through the array that `container[j]` is set to. — Jacques ジャック, Jun 16 '17 at 15:26

score 0 · Answer 1 · 2017-06-16T16:18:24.347

0

You need this instead:

var keys = Object.keys(jsonString[0]);
keys.forEach(key => {
  container = jsonString[0][key];
  console.log(container);
  container.forEach(j => {
    console.log(j);
  });
});

Edit:

Backwards compatible syntax:

var keys = Object.keys(jsonString[0]);
for (var i = 0; i < keys.length; i++) {
  container = jsonString[0][keys[i]];
  console.log(container);
  for (var j = 0; j < container.length; j++) {
    console.log(container[j]);
  }
}

edited Jun 16 '17 at 16:18

answered Jun 16 '17 at 15:21

hey thanks..but log showing error..that container.foreach is not a function – iamklaus Jun 16 '17 at 15:38
What environment are you using? Anyway, I added old-style JavaScript. – Jun 16 '17 at 16:18

Parmatma · Accepted Answer · 2017-06-16T15:39:37.527

0

Try this.... If you just want to print the values of each level of the given format JSON.

 yourJSON.forEach(function(e)
    { 
      container = Object.keys(e)
      console.log(container)
      container.forEach(function(key){
        containerValue = e[key]
        console.log(containerValue)
        containerValue.forEach(function(value){
          console.log(value)
        })
      })
    })

edited Jun 16 '17 at 15:39

answered Jun 16 '17 at 15:29

Parmatma

191
10

thanks..but yourJSON.forEach is not a function error – iamklaus Jun 16 '17 at 15:41
yourJSON should be an array. I hope you are trying to iterate it on string so parse it first using JSON.parse(yourJSON) then iterate it. – Parmatma Jun 16 '17 at 15:43

Looping through json array in JS

2 Answers2