如何修改/重新转换JSON数组结构
[{"id":"15","heading":"Post1","content":"Post 1 Content","date":"2016-11-09 08:51:37"}, {"id":"16","heading":"Post2","content":"Post 2 Content","date":"2016-11-09 08:52:09"}, {"id":"17","heading":"Post3","content":"Post 3 Content","date":"2015-06-09 08:52:09"}]
我有JSON数组。 我试图将其转换为JSON对象
2016 Nov Post1 Post2 2015 June Post3
我能够在PHP中实现这一点
while ($row = mysqli_fetch_row($result)) { $year = date('Y', strtotime($row['2'])); $month = date('M', strtotime($row['2'])); $navarray[$year][$month][] = array($row[0], $row[1], $row[3]); }
但是无法在JS中弄明白。
与PHP不同,如果对象不存在,则必须创建它们:
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] ar = [{"id":"15","heading":"Post1","content":"Post 1 Content","date":"2016-11-09 08:51:37"}, {"id":"16","heading":"Post2","content":"Post 2 Content","date":"2016-11-09 08:52:09"}, {"id":"17","heading":"Post3","content":"Post 3 Content","date":"2015-06-09 08:52:09"}] obj = {} ar.forEach(function(v) { d = new Date(v.date); m = monthNames[d.getMonth()] if (!obj.hasOwnProperty(d.getFullYear())) { obj[d.getFullYear()] = {} } if (!obj[d.getFullYear()].hasOwnProperty(m)) { obj[d.getFullYear()][m] = [] } obj[d.getFullYear()][m].push(v.heading) }) console.log(obj)
您可以执行循环,并为每个项目检查当前年份和月份的存在,如果尚不存在则添加它。
var result = {}; var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] var j = [{"id":"15","heading":"Post1","content":"Post 1 Content","date":"2016-11-09 08:51:37"}, {"id":"16","heading":"Post2","content":"Post 2 Content","date":"2016-11-09 08:52:09"}, {"id":"17","heading":"Post3","content":"Post 3 Content","date":"2015-06-09 08:52:09"}]; for(var i = 0; i
下面的迭代将根据OP中的PHP示例代码转换您的结构
var arr1 = [ {"id":"15","heading":"Post1","content":"Post 1 Content","date":"2016-11-09 08:51:37"}, {"id":"16","heading":"Post2","content":"Post 2 Content","date":"2016-11-09 08:52:09"}, {"id":"17","heading":"Post3","content":"Post 3 Content","date":"2015-06-09 08:52:09"} ]; var struct2 = {}; arr1.forEach(function(row) { var date = new Date(row.date); // will extract date parts form Date object var yyyy = date.getFullYear(); var mm = date.getMonth() + 1; // months come zero-indexed (from 0-11) if (mm < 10) mm = '0' + mm; // left pad if needed struct2[yyyy] = struct2[yyyy] || {}; // init if needed struct2[yyyy][mm] = struct2[yyyy][mm] || []; // init if needed delete row.date; // drop date if desired struct2[yyyy][mm].push(row); // add new record }); console.log(struct2); /* fragment below is an extention to answer * 2nd concern about how to iterate over this nested structure */ var panel = document.createElement('div'); document.body.appendChild(panel); for (var year in struct2) { for (var month in struct2[year]) { var section = '' + year + '-' + month + '
'; console.log('section: ' + section); panel.innerHTML += section; for (var i in struct2[year][month]) { var item = struct2[year][month][i]; var content = ''; content += '' + item.heading + '
'; content += '' + item.content; content += '
'; console.log('content: ' + content); panel.innerHTML += content; } } }