javascript/jquery以相同的顺序解析json

Question

我有以下json对象.

var json1 = {"00" : "00", "15" : "15", "30" : "30", "45" : "45"};

我正在准备一个解析上面的json的select元素,如下所示.

var selElem = $('<select>', {'name' : name, 'grp' : grp});
for(key in json1)
    selElem.append($('<option>', {value:key, text: json1 [key]}));

但是创建的select元素如下.

<select>
    <option value="15">15</option>
    <option value="30">30</option>
    <option value="45">45</option>
    <option value="00">00</option>
</select>

这里的问题是json1对象包含00作为第一个元素,但在select元素中它最后创建.

任何解决此问题的方法或解决方案.

Answer 1

如果要保留顺序,请使用数组:

var json1 = [{val:"00",txt:"00"}, 
             {val:"15",txt:"15"}, 
             {val:"30",txt:"30"}, 
             {val:"45",txt:"45"}];

循环它:

var selElem = $('<select>', {'name' : name, 'grp' : grp});
for(var i=0;i<json1.length;(i+=1)){
    selElem.append($('<option>', {value:json1[i].val, text: json1[i].txt})); 
}

检查这个jsfiddle