javascript - 使用 JSON 数据动态命名 dataTable 中的列

Question

我需要找到解析这些数据的方法，以便我可以根据 JSON 动态命名列

我正在使用jquery dataTable

[  
   {  
      "2":{  
         "Department Number":{  
            "column":"Department Number",
            "department":"100"
         }
      },
      "1":{  
         "Department Number":{  
            "column":"Department Number",
            "department":"200"
         },
          "Department Name":{  
               "column":"Department Name",
               "department":"STMS"
          }

      }
   }
]

使dataTable中的所有数据看起来像这样

id    department number    department name
2     100
1     200                  STMS

我正在使用 Coldfusion 和 javascript。这是它的代码

<cfoutput>var data=#serializeJSON(dataJSON.getDepatmentData())#;</cfoutput> 


var sysAdmin = new listDataHandler(); 
var dtColumns = [{title:"id"} 
                                ,{title:data[0]} 
                               ,{title:"data[1]"} 
               ] 


var oTable = $("#departmentTable").DataTable({columns:dtColumns,data:data.DATA 
 }); 

我希望我已经在这里很好地解释了自己

Answer 1

遍历 JSON 中的所有对象并创建唯一属性名称的数组。

var colsObj = {};
for (id in data[0]) {
    for (prop in data[0][id]) {
        colsObj[prop] = true;
    }
}
var dtColumns = [{title: 'id'}].concat(Object.keys(colsObj).map(function(name) {
    return {title: name};
}));