How to loop throung multiple JSON arrays in JavaScript? : I have this JSON array:

    {"Los Angeles, CA":["East Los Angeles","Florence","Florence-Firestone","Los Feliz","West Los Angeles"]}

But my code prints only "Los Angeles, CA", without child array strings...

    function search4Location(query = true) {
    	$.ajax({
    		url: '/work/ajax/regions.php' + (query ? '?q=' + $("#searchLocation").val() : ''),
    		dataType: 'json',
    		success: function(data) {
    			var datalen = data.length;
    			$("#region").html('');
    			if (query == true) {
    				for (var i = 0; i < datalen; i++) {alert(123);
    					$("#region").append('<option>' + data[i] + '</option>');
    					var datalen2 = data[i].length;
    					for (var ii = 0; ii < datalen2; ii++) {
    						$("#region").append('<option>—— ' + data[i][ii] + '</option>');
    					}
    				}
    			} else {
    				for (var i = 0; i < datalen; i++) {
    					$("#region").append('<option>' + data[i] + '</option>');
    				}
    			}
    		} 
    	});
    
    	return false;
    }

How to make display them?