如何迭代json對象字符串？

Question

我的JsonResult如下

[{"name":"Group 1"},{"name":"Group 2"},{"name":"Group 3"}]

我在編寫for循環時有點困惑，那么如何在jqGrid的editoptions中對其進行迭代或在buildSelect函數中獲取name的值呢？ 我在jqGrid中的colModel代碼如下

 { name: 'GroupName', index: 'GroupName', width: 60, align: 'center', search: false, editable: true, edittype: 'select',
   editoptions: {
                 dataUrl: "/Category/GetCategoryGroup",
                 buildSelect: function (response) {
                                  if (response && response.length) {
                                        // for loop iteration to get name values           
                                  }                                                 
                            }                                          
                 } 
 },

Answer 1

 if (response && response.length) {
    var contents='<select>';
    for(var i=0; i< response.length; i++){
        var t = response[i];
        var g_name = t.name;
        contents+="<option>"+g_name+"</option>";
    }
   contents+="</select>";
   document.getElementById("contentDropdown").innerHTML = contents; 
}

要在其中顯示下拉列表的地方，請像下面這樣創建一個div：

<div id="contentDropdown"></div>

希望這會幫助你。

Answer 2

var groups = [{"name":"Group 1"},{"name":"Group 2"},{"name":"Group 3"}];
for(var i = 0; i< groups.length; i++) {
 var name = groups[i].name;
}

Answer 3

像數組一樣

var myOb = [{"name":"Group 1"},{"name":"Group 2"},{"name":"Group 3"}] ; 

for (var i=0; i < myOb.length; i++) { 
 console.log(myOb[i]);
 console.log(myOb[i].name);
 console.log(myOb[i]['name']);
}

您可以進一步循環到編輯選項

Answer 4

迭代數組的另一種方法

var groups = [{"name":"Group 1"},{"name":"Group 2"},{"name":"Group 3"}]; 

$.each( groups, function() {
    alert(this.name);
});