Get values from a json / object

Question

I have the following json:

And 2 selects, one for state and one for city, I have already filled the status correctly using this json:

        //combobox estados
    $.getJSON('http://api.doupenglish.com.br/unidades', function (unidades) {
        var selectestado = $("#selectestado");
        var selectcidade = $("#selectcidade");

        var estados = unidades.Estados;
        //não consigo recuperar as cidades do json aqui
        var cidades = unidades.Estados.values;

        // console.log(cidades)
        var optionsestados = '<option hidden >Selecione um estado</option>';
        $.each(estados, function (estado) {
            optionsestados += '<option value="' + estado + '">' + estado + '</option>';
        });
        selectestado.html(optionsestados);
        selectestado.change(function () {
            var estadoselecionado;
            selectestado.find("option:selected").each(function () {
                estadoselecionado = $(this).text();
                console.log(estadoselecionado)
            });

        })

    });

I need that when selecting a state it lists all the cities of that state, the problem is that I am not able to get the "list" of cities in this json, tried several things but without success. I don’t know if it’s the json that is badly "formatted" but since I don’t have a key to the cities, I can’t access.

---

EDIT I was able to get an object from the cities:

 $.each(estados, function (estado, cidades) {
                    if (estado === estadoselecionado){
                        console.log(cidades)
                    }
                });

However I still can’t get the values of this object as name, street etc

Answer 1

To get street values, number, email, etc, you have to make a for each inside the other, for example:

selectestado.change(function() {
    let estadoselecionado = $(this).val();

    $.map(estados[estadoselecionado], function (cidades) {
        $.map(cidades, function (enderecos) {
            console.log( `Rua: ${enderecos.rua}, ${enderecos.numero}` )
        });
    });
})

But if you just want to get the name of the cities, just use:

selectestado.change(function() {
    let estadoselecionado = $(this).val();

    $.map(estados[estadoselecionado], function (cidades, cidade) {
        console.log( cidade )
    });
})