如何使用 jQuery 或 JS 修改对象的结构？

Question

我有一个这样的对象：

var jsonObj = [{
  'Id': '1',
  'Username': 'Ray',
  'FatherName': 'Thompson'
}, {
  'Id': '2',
  'Username': 'Steve',
  'FatherName': 'Johnson'
}, {
  'Id': '3',
  'Username': 'Albert',
  'FatherName': 'Einstein'
}]

我想将此对象结构转换为以下内容：

var jsonObj = [
  ['Id': '1', 'Username': 'Ray', 'FatherName': 'Thompson'],
  ['Id': '2', 'Username': 'Steve', 'FatherName': 'Johnson'],
  ['Id': '3', 'Username': 'Albert', 'FatherName': 'Einstein']
]

我如何使用 jQuery 或 Javascript 来做到这一点？

Answer 1

我不知道你为什么要转换你的json数据。 已经 jQuery 数据表可以使用 JSON 对象，如下所示

var jsonObj = [{
  'Id': '1',
  'Username': 'Ray',
  'FatherName': 'Thompson'
}, {
  'Id': '2',
  'Username': 'Steve',
  'FatherName': 'Johnson'
}, {
  'Id': '3',
  'Username': 'Albert',
  'FatherName': 'Einstein'
}]

$('#test').dataTable({
    "aaData": jsonObj,
    "aoColumns": [
        { "mDataProp": "Id" },
        { "mDataProp": "Username" },
        { "mDataProp": "FatherName" }
    ]
});

试试这个。 因为我是这样使用的，它对我有用。

这是例子

 var jsonObj = [{ 'Id': '1', 'Username': 'Ray', 'FatherName': 'Thompson' }, { 'Id': '2', 'Username': 'Steve', 'FatherName': 'Johnson' }, { 'Id': '3', 'Username': 'Albert', 'FatherName': 'Einstein' }] $('#test').dataTable({ "aaData": jsonObj, "aoColumns": [ { "data": "Id" }, { "data": "Username" }, { "data": "FatherName" } ] });

 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"></style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> <table id="test"></table>