javascript - 如何迭代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

和数组一样

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 2

另一种迭代数组的方法

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

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

Answer 3

 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 4

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