Ich habe Probleme beim Verstehen von Arrays und Loops, daher ist diese Aufgabe für mich etwas verwirrend. Hier ist mein Zeug;

JSON

{
"states": [
    { 
        "name":"johor" , 
        "command":"view_johor" }, 

    { 
        "name":"selangor" , 
        "command":"view_selangor" }, 

    { 
        "name":"melaka" , 
        "command":"view_melaka" }, 

    { 
        "name":"kuala lumpur" , 
        "command":"view_kl" }, 

    { 
        "name":"penang" , 
        "command":"view_penang" }
    ]
}

JAVASCRIPT

$(function(){

$.ajax({
    type        :   'GET',
    url         :   'scripts/list.json',
    async       :   false,
    beforeSend  :   function(){/*loading*/},
    dataType    :   'json',
    success     :   function(result){

                        $.each(result, function(index, val){
                            for(var i=0; i < val.length; i++){
                                var item = val[i];
                                console.log(item.name)
                                }
                        });         

                        },
   });
});

Mein Problem ist, dass ich nicht weiß, wie ich die Schleife verwenden soll, damit mein HTML wie folgt zurückkommt:

<ul>
   <li><a href="#view_johor">Johor</a></li>
   <li><a href="#view_selangor">Selangor</a></li>
   <!-- and so on, dynamically depending on json... -->
</ul>

Ich kann über auf die Daten zugreifenconsole.log(item.name) und so, aber ich kann die Daten nicht so bearbeiten, dass sie so angezeigt werden, wie ich es wollte. Ich kenne nicht einmal den Begriff, der für die Suche nach Fragen verwendet werden soll, da ich weiß, dass dies wie grundlegendes Arraymaterial ist. Vielen Dank im Voraus für Ihre Hilfe!