How to parse multidimensional JSON?

Question

JavaScript

I have a JSON file:

{
    "a":{"x":"y","x1":"y1","x2":"y2"},
    "b":{"z":"c","z1":"c1","z2":"c2"}
}

It is necessary to extract the data x,y and z,c from it. Further parsing one-dimensional JSON using the following construction:

$.getJSON('bt.json', function (data) {
            var items = [];
            $.each(data, function (key, val) {
                items.push('<option id="' + val + '" value="'+val+'">' + key + '</option>');
            });
                    
            $('<select/>', {
                'class': 'my-new-list',
                html: items.join("")
            }).appendTo('.model');

unable to advance. Those. I understand that a string of the form {"x":"y","x1":"y1","x2":"y2"} should get into val, but I can't figure out how to get data from it. Please tell me how this can be done.

Answer 1

Probably so

$.getJSON('bt.json', function (data) {
            var items = [];
$.each(data, function (val) {
            $.each(val, function (key, val) {
                items.push('<option id="' + val + '" value="'+val+'">' + key + '</option>');
            });
 });                    
            $('<select/>', {
                'class': 'my-new-list',
                html: items.join("")
            }).appendTo('.model');

Answer 2

val.x, val.x2 etc.

Answer 3

Thank you, I need to do something like this:

$.getJSON('ko.json', function (data) {
                    var items = [];
                    $.each(data, function (key,val) {
                        $.each(val, function (key1, val1) {
                            if (key=='bt'){items.push('<option id="' + val1 + '" value="' + val1+ '">' + key1 + '</option>');}
                        });
                    });
                    $('<select/>', {
                        'class': 'my-new-list',
                        html: items.join("")
                    }).appendTo('.model');
                })