[英]How to convert a React array to a JSON object with same key and value?
[英]Convert JSON array with same key value
我有这种形式的数组
[
{
"time": "2017-09-14 02:44 AM",
"artist": "Sam",
"message": "message 1",
"days": 0
},
{
"time": "2017-09-14 02:44 AM",
"artist": "Jerry",
"message": "message 2",
"days": 2
},
{
"time": "2017-09-14 02:44 AM",
"artist": "Sam",
"message": "message 3",
"days": 4
},
{
"time": "2017-09-14 02:49 AM",
"artist": "Jerry",
"message": "message 5",
"days": 2
},
{
"time": "2017-09-14 02:59 AM",
"artist": "Sam",
"message": "message 7",
"days": 10
},
{
"time": "2017-09-14 02:59 AM",
"artist": "Sam",
"message": "message 5",
"days": 10
},
]
我需要这样的输出
[{
artist:"Sam",
data : [
{message:"message 1" , days: 0},
{message:"message 3" , days: 4},
{message:"message 7" , days: 10},
{message:"message 5" , days: 10}
]
},
{
artist:"Jerry",
data : [
{message: "message 2", days: 2},
{message: "message 5", days: 2}
]
}]
非常感谢您的任何帮助。
这是我尝试过的代码,
var obj = {};
data.map(function(item){
if(angular.isDefined(obj.artist) && obj.artist === item.artist){
obj.data.push({message: item.message, days:item.days })
}else{
obj.artist = item.artist;
obj.data = [];
obj.data.push({message: item.message, days:item.days })
}
});
console.log(obj);
但是它创建了一个JSON对象。
试试这个Array#reduce
函数
created obj
。 artist
值创建数组。 然后使用Array#indexOf()>0
申请检查数组中是否存在艺术家值。
是否存在。只需推动另一个对象以存在数据数组
Array#index
用于查找在新数组中显示的对象的位置 var arr = [ { "time": "2017-09-14 02:44 AM", "artist": "Sam", "message": "message 1", "days": 0 }, { "time": "2017-09-14 02:44 AM", "artist": "Jerry", "message": "message 2", "days": 2 }, { "time": "2017-09-14 02:44 AM", "artist": "Sam", "message": "message 3", "days": 4 }, { "time": "2017-09-14 02:49 AM", "artist": "Jerry", "message": "message 5", "days": 2 }, { "time": "2017-09-14 02:59 AM", "artist": "Sam", "message": "message 7", "days": 10 }, { "time": "2017-09-14 02:59 AM", "artist": "Sam", "message": "message 5", "days": 10 }, ] var res = arr.reduce(function(a,b){ var f =a.map(i=> i.artist) if(f.indexOf(b.artist) > 0){ a[f.indexOf(b.artist)].data.push({message:b.message,days:b.days}) }else{ a.push({artist:b.artist, data:[{message:b.message,days:b.days}]}) } return a; },[]) console.log(res)
您可以对同一位艺术家使用哈希表,并从中收集数据。
var data = [{ time: "2017-09-14 02:44 AM", artist: "Sam", message: "message 1", days: 0 }, { time: "2017-09-14 02:44 AM", artist: "Jerry", message: "message 2", days: 2 }, { time: "2017-09-14 02:44 AM", artist: "Sam", message: "message 3", days: 4 }, { time: "2017-09-14 02:49 AM", artist: "Jerry", message: "message 5", days: 2 }, { time: "2017-09-14 02:59 AM", artist: "Sam", message: "message 7", days: 10 }, { time: "2017-09-14 02:59 AM", artist: "Sam", message: "message 5", days: 10 }], hash = Object.create(null), result = data.reduce(function (r, a) { if (!hash[a.artist]) { hash[a.artist] = { artist: a.artist, data: [] }; r.push(hash[a.artist]); } hash[a.artist].data.push({ message: a.message, days: a.days }); return r; }, []); console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.