looping through nested objects in object pure

Question

How can i iterate through a nested object in a object without creating a function and without using ECMASCRIPT new properties like Object.entries and the like. That including not using JSON. Just Vanilla javascript. Rather with pure .notation or square brackets (i would like to understand how it would work and not just solve my problem). This is my code.

var obj = { name1:{fname:'jack',sname:'smith',age:31},
            name2:{fname:'john',sname:'dill',age:55}}

How can i print every key with every value using a for in loop

i am new to javascript so i not sure what you mean but yeah i want a normal loop going through all the data — Yossi Sternlicht, Dec 03 '18 at 14:38

score 1 · Answer 1 · answered Dec 03 '18 at 14:41

var obj = {
  name1: {
    fname: 'jack',
    sname: 'smith',
    age: 31
  },
  name2: {
    fname: 'john',
    sname: 'dill',
    age: 55
  }
}

for (let property in obj) {
  let innerObj = obj[property];
  console.log(`${property} : ${obj[property]}`)
  for (let innerProperty in innerObj) {
    console.log(`${innerProperty} : ${innerObj[innerProperty]}`)
  }
}

Hi Joe. A for..in loop works like this. You create the loop: for (let property in obj) and while you are in it, you can access the object's property values like obj[property]. In this example, I created an inner loop because your outer objects have attribute values which are also objects. Hope this helps! Try reading up on for...in here.

It might be worth pointing out here that the way you have organized this data isn't ideal. It would be much simpler if you didn't have a name property in the object, and instead just used an array. Then your data would look like:

var array = [{ fname: 'jack', sname: 'smith', age: 31 },
{ fname: 'john', sname: 'dill', age: 55 }];

yeah that works but i dont understand what the dollar sign does — Yossi Sternlicht, Dec 03 '18 at 14:49
It's just a way of making it so you can use JavaScript variables directly in a string without using concatenation like `'this is a string ' + variable`. You have to use it with ` ` ` — Katie.Sun, Dec 03 '18 at 14:52

rule · Accepted Answer · 2018-12-03T14:44:16.603

0

if i got it correct , is something like this you are looking for?

for(var property in obj) {
    for(var property2 in obj[property]) {
        console.log('key:' + property2 + '   ' + 'value:' + obj[property][property2]);
    }
}

edited Dec 03 '18 at 14:44

answered Dec 03 '18 at 14:40

rule

281
1
8

yeah something like that (just without 2 console.logs) – Yossi Sternlicht Dec 03 '18 at 14:43

looping through nested objects in object pure

2 Answers2