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>

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

1 个答案: