Can't parse JSON file with jQuery

Question

I have this JSON:

{
    "solution": {
        "section1": {
            "cell-1": "1",
            "cell-2": "2",
            "cell-3": "3",
            "cell-4": "4",
            "cell-5": "5",
            "cell-6": "6",
            "cell-7": "7",
            "cell-8": "8",
            "cell-9": "9"
        },
        "section2": {
            "cell-1": "1",
            "cell-2": "2",
            "cell-3": "3",
            "cell-4": "4",
            "cell-5": "5",
            "cell-6": "6",
            "cell-7": "7",
            "cell-8": "8",
            "cell-9": "9"
        }
    }
}

My code:

$.getJSON('/static/front/js/src/sudoku/22122016.json', function(data) {
    $.each(data.solution.section1[0], function() {
        $.each(this, function(cell, cellNumber) {
            console.log(cell + ' ' + cellNumber);
        });
    });
});

This code gives me the following error:

Uncaught TypeError: Cannot use 'in' operator to search for 'length' in 1
at isArrayLike (jquery.js:535)
at Function.each (jquery.js:362)
at String.<anonymous> (main.js:61)
at Function.each (jquery.js:371)
at Object.success (main.js:60)
at fire (jquery.js:3187)
at Object.fireWith [as resolveWith] (jquery.js:3317)
at done (jquery.js:8757)
at XMLHttpRequest.<anonymous> (jquery.js:9123)
in jquery.js:535

I need to access each section separately, so I need to go into each section and then iterate through each key and get its value. How can I achieve this?

Your issue is because secton1 isn't an array - it's an object — Rory McCrossan
– Rory McCrossan, Commented Dec 22, 2016 at 12:35

unkmas · Accepted Answer · 2016-12-22 12:35:11Z

3

You can just iterate over cells:

$.each(data.solution.section1, function(cell, cellNumber) {
  console.log(cell + ' ' + cellNumber) 
})

answered Dec 22, 2016 at 12:35

unkmas

9874 silver badges13 bronze badges

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

1 Comment

erol_smsr Over a year ago

I needed to iterate through each section and then in every section iterate through each cell. @mikey gave the correct answer. Thanks for the help anyway :)

mikey · Accepted Answer · 2016-12-22 12:59:03Z

2

Without testing it, I would guess:

$.getJSON('/static/front/js/src/sudoku/22122016.json', function(data) {
    $.each(data.solution, function(sectionName, cells) {
        $.each(cells, function(cellName, cellNumber) {
            console.log(cellName + ' ' + cellNumber);
        });
    });
});

You might want to think about decreasing the indentation level at this point by splitting it up into methods or navigating to the cells directly.

edited Dec 22, 2016 at 12:59

answered Dec 22, 2016 at 12:42

mikey

1819 bronze badges

Comments

longestwayround · Accepted Answer · 2016-12-22 12:47:54Z

1

I don't know exactly what you are trying to get, but putting the "[0]" at the end of data.solution.section1 prevents the indexing across the contents of data.solution.section1.

answered Dec 22, 2016 at 12:47

longestwayround

1,02911 silver badges14 bronze badges

1 Comment

erol_smsr Over a year ago

It was a trial/error situation, so I might have done some weird things :P

maximast · Accepted Answer · 2016-12-22 12:54:58Z

1

This is the general way to go:

for (var key in a.solution.section1) {
  if (a.solution.section1.hasOwnProperty(key)) {
    console.log(key + " -> " + a.solution.section1[key]);
  }
}

answered Dec 22, 2016 at 12:54

maximast

1181 silver badge8 bronze badges

Collectives™ on Stack Overflow

Can't parse JSON file with jQuery

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Related