Nested object structure

Question

In the following Fiddle:

console.clear();

var data = {
    "apps": [{
        "appName": "App1",
        "subApps": [{
            "subAppName": "ABC",
            "docs": [{
                "docTypes": [{
                    "docTypeName": "Deploy"
                }]
            }]
        }, {
            "subAppName": "DEF",
            "docs": [{
                "docTypes": [{
                    "docTypeName": "Deploy"
                }]
            }]
        }, {
            "subAppName": "GHI",
            "docs": [{
                "docTypes": {
                    "docTypeName": "Dev"
                },
                "docTypes": {
                    "docTypeName": "Deploy"
                },
                "docTypes": {
                    "docTypeName": "Support"
                }
            }]
        }]
    }]
};

var apps = data.apps;
var appsLen = apps.length;
for (var i = 0; i < appsLen; i++) {
    var app = apps[i];
  var appName = app.appName;
  console.log(appName);

  var subApps = app.subApps;
  var subAppsLen = subApps.length;
  for (var j = 0; j < subAppsLen; j++) {
    var subApp = subApps[j];
    var subAppName = subApp.subAppName;
    console.log("\t" + subAppName);

    var docs = subApp.docs;
    var docsLen = docs.length;
    for (var k = 0; k < docsLen; k++) {
        var doc = docs[k];
      var docTypes = doc.docTypes;
            var docTypesLen = docTypes.length;
      for (var l = 0; l < docTypesLen; l++) {
        var docType = docTypes[l];
        var docTypeName = docType.docTypeName;
        console.log("\t\t" + docTypeName);
      }
    }
  }
}

I’m looping through the data variable, trying to print the following structure to the console, but I can’t for the life of me get the docTypeName(s) under GHI - Dev, Deploy, Support - to print:

App1
        ABC
                Deploy
        DEF
                Deploy
        GHI
                Dev
                Deploy
                Support

Does anyone see what I’m doing wrong? Part of me thinks it’s the object structure, but I’ve tried different variations and nothing works. I have to be overlooking something.

EDIT: Updated Fiddle with proper Object struct: https://jsfiddle.net/dzddv6pa/2/

If you want to use native Javascript why you tagged your question with jQuery? — VaioWay
– VaioWay, Commented May 18, 2016 at 0:05
Oops... That was a mistake. I seem to be making a lot of them tonight. :o I fixed the tags. Thanks. — RobertFrenette
– RobertFrenette, Commented May 18, 2016 at 0:06
Your code is not valid. There are duplicate keys in your object. — Vinay
– Vinay, Commented May 18, 2016 at 0:27
FYI, what you have is a JavaScript object. Object literals and JSON are two very different things. Your problem has nothing to do with JSON at all. — Felix Kling
– Felix Kling, Commented May 18, 2016 at 0:40
Yes, Felix, you are correct. In this example it is an Object Literal. But, outside of the Fiddle, it's actually being served as JSON, and parsed in the same manner, so I took the liberty of calling it JSON. My apologies for the confusion. Thanks to others who noted the mistake in the structure. All best! — RobertFrenette
– RobertFrenette, Commented May 18, 2016 at 0:49

forgivenson · Accepted Answer · 2016-05-18 00:13:51Z

2

You can't have duplicate properties in a javascript object. You should make docTypes be an array if you want to have multiple of them.

{
  "subAppName": "GHI",
  "docs": [{
    "docTypes": [{
      "docTypeName": "Dev"
    }, {
      "docTypeName": "Deploy"
    }, {
      "docTypeName": "Support"
    }]
  }]
}

answered May 18, 2016 at 0:13

forgivenson

4,4432 gold badges21 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RobertFrenette Over a year ago

Ah... Of course! I had a feeling it was in the structure. Thanks much!

Collectives™ on Stack Overflow

Nested object structure

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related