JSON object issue: Uncaught SyntaxError: Unexpected token

Question

I'm trying to make a variable using data from a JSON file, though it keeps showing as undefined. inspection shows the options object with the following error:

The goal from this code is to configure a product using the first JSON object and then pull in extra information about the product options using the second json object.

The code should output the title of

"cover-silk": ["150gsm-silk-cover"]

which is stored in the second JSON object

The variable childTitle should = "150gsm"

productData = {
  "product": [{
    "name": "booklet",
    "section": [{
      "coverStock": {
        "cover-silk": ["150gsm-silk-cover"]
      }
    }]
  }]
}, {
  "section2": {
    "coverStock": [{
      "title": "Cover Stock",
      "options": [{
        "cover-silk": {
          "title": "Silk",
          "childOptions": {
            "150gsm-silk-cover": {
              "title": "150gsm"
            }
          }
        }
      }]
    }]
  }
};

var key = productData.product[0].section[0];
var keys = [];
for (var k in key) keys.push(k);

var len = keys.length;
for (var i = 0; i < len; i++) {

var option = productData.product[0].section[0][keys[i]];

  var secObj = (option);
  var secObjArray = [];
  for (var k2 in secObj) secObjArray.push(k2);

  var len2 = secObjArray.length;

  for (var j = 0; j < len2; j++) {

    var childTitle = productData.section2[keys[i]][0].options[0][secObjArray][j].title;
    console.log(childTitle);

  }
};

title is a property of cover-silk: productData.section2.coverStock[0].options[0]['cover-silk'].title — gaetanoM
– gaetanoM, Commented Apr 7, 2018 at 23:34
Where's the actual code that throws the error? Take a few minutes to read minimal reproducible example — charlietfl
– charlietfl, Commented Apr 7, 2018 at 23:35

Praveen Kumar Purushothaman · Accepted Answer · 2018-04-08 01:08:24Z

3

I have made a lot of changes. The whole structure wasn't right. Check out the comments below and working snippet too:

The indices are all wrong.
The original JSON was wrong.
Changed a lot. Better to use Diff.

Snippet

var productData = {
  "product": [{
    "name": "booklet",
    "section": [{
      "coverStock": {
        "cover-silk": ["200gsm-silk-cover", "250gsm-silk-cover"],
        "cover-gloss": ["300gsm-gloss-cover", "250gsm-gloss-cover"]
      }
    }],
    "section2": {
      "coverStock": [{
        "title": "Cover Stock",
        "options": [{
          "cover-silk": {
            "title": "Silk",
            "childOptions": {
              "150gsm-silk-cover": {
                "title": "150gsm"
              }
            }
          }
        }]
      }]
    }
  }]
};

var key = productData.product[0].section[0];
var keys = [];
for (var k in key)
  keys.push(k);
var len = keys.length;
for (var i = 0; i < len; i++) {
  var option = productData.product[0].section[0][keys[i]];
  var secObj = option;
  var secObjArray = [];
  for (var k2 in secObj)
    secObjArray.push(k2);
  var len2 = secObjArray.length;
  for (j = 0; j < len2; j++) {
    var childTitle = productData.product[0].section[0][keys[i]][secObjArray[j]][0];
    console.log(childTitle);
  }
}

Diff:

If you are interested, this is the Diff:

edited Apr 8, 2018 at 1:08

answered Apr 7, 2018 at 23:34

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

14 Comments

Nate Over a year ago

Apologies, I missed that bit whilst trying to simplify the code .cover-silk is part of the reference [edited question]

Praveen Kumar Purushothaman Over a year ago

@Nate My answer stays the same. When you want to use a property when it has - or some special characters, use the array notation, and not the dot notation. Check my answer.

Nate Over a year ago

My actual code uses array notation: childTitle = productData.section2[keys[i]][0].options[0][secObjArray][j]; It seems to be the .options[0] causing the error

Praveen Kumar Purushothaman Over a year ago

@Nate Would you like to show us the full code and replicate the error please?

Praveen Kumar Purushothaman Over a year ago

@Nate You can edit your own question to add the full code. Please do it. :) ps: I am also from UK. :)

|

Collectives™ on Stack Overflow

JSON object issue: Uncaught SyntaxError: Unexpected token

1 Answer 1

14 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

14 Comments

Your Answer

Sign up or log in

Post as a guest

Related