How to access nested object in array which is already in object with loops

Question

var jsonObj = [
   {
      property1 : "one",
      property2 : "two",
      property3 : "three",
      property4 : [
         {
            name: "nicholas",
            name1: "cage"
         },
         {
            name: "stuart",
            name1: "walker"
         }
      ]
   }
];

var strBuilder = [];

for(var key in jsonObj){
   if (jsonObj.hasOwnProperty(key)) {
       strBuilder.push("Key is " + key + ", value is " + jsonObj[key] + "\n");
   }
}

alert(strBuilder.join(""));

I am getting object object when it reached near to property 4, but I want to access the whole code with a loop.

The object is casted to string itself not what's inside the object. you might want to get the content first. — Community
– Community, Commented Jul 27, 2018 at 2:13

Community · Accepted Answer · 2018-07-27 02:55:04Z

As you can see, The object is casted to string itself not what's inside the object. You might want to get the content first.

So I modified your code into a recursive function.

var jsonObj = [
   {
      property1 : "one",
      property2 : "two",
      property3 : "three",
      property4 : [
         {
            name: "nicholas",
            name1: "cage"
         },
         {
            name: "stuart",
            name1: "walker"
         }
      ]
   }
];

function objectStringer(obj){
	var strBuilder = [];
    for(var key in obj){
       if (obj.hasOwnProperty(key)) {
			if(typeof(obj[key]) == 'object')
				strBuilder.push(objectStringer(obj[key]).join(""))
			else
           		strBuilder.push("Key is " + key + ", value is " + obj[key] + "\n");
       }
    }
	return strBuilder;
}

console.log(objectStringer(jsonObj).join(""));

Mark · Accepted Answer · 2018-07-27 02:17:54Z

When you get to property4 your function tries to turn an array of objects into a string, which as you noticed doesn't work very well. You need to take each of those objects in the array and process them in the same way you're processing the current object. One way to do that is to create a function that takes an object, prints the keys, just like you are, but when it sees an array, it takes each one of them and passes it back through the function. This is called recursion. It's a good way to handed nested data especially if you don't know ahead of time how the data will be nested.

Here's something to get it started:

var jsonObj={property1 : "one",property2 : "two",property3 : "three",property4 : [{name: "nicholas",name1: "cage"},{name: "stuart",name1: "walker"}]};

var strBuilder = [];

function stringer(obj) {
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      if (Array.isArray(obj[key])) {
        strBuilder.push("Key is " + key + ", value is an array containing: \n")
        obj[key].forEach(item => stringer(item)) // call it recursively
      } else {
        strBuilder.push("Key is " + key + ", value is " + obj[key] + "\n");
      }
    }
  }
}
stringer(jsonObj)
console.log(strBuilder.join(''))

You should be able to modify this for better formatting and to handle different kinds of nested things (like objects) if you want.

Osama · Accepted Answer · 2018-07-27 03:01:51Z

0

Create another loop while key is an object

for(var key in jsonObj){
if (jsonObj.hasOwnProperty(key)) {
   strBuilder.push("Key is " + key + ", value is " + jsonObj[key] + "\n");
 }
if(typeof key==object){
for(var x in key){
if (jsonObj.hasOwnProperty(x)) {
   strBuilder.push("Key is " + x + ", value is " + key[x] + "\n");
  }
}

answered Jul 27, 2018 at 3:01

Osama

3,0301 gold badge15 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to access nested object in array which is already in object with loops

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related