如何在角度服务方法中遍历http响应（json）以生成自定义json？

Question

I am getting http response like this:

[
    {"id": "1", "name": "2", "value": "3", "any": "4"}
]

I want to convert it to something like this:

[
{
    "heading": "id"
    "content": "1"
},
{
    "heading": "name"
    "content": 2
},
{
    "heading": "value"
    "content": 3
},
{
    "heading": "any"
    "content": 4
}
]

I am using angular4.0.0 and I want to perform this in service method. How to achieve this result?

Answer 1

Here you go :

 var arrayData = [ {"id": "1", "name": "2", "value": "3", "any": "4"} ] let finalArray = arrayData.map(el => { let returnArray = []; for(let key in el){ returnArray.push({heading : key , content : el[key]}) } return returnArray; }) console.log(finalArray); 

Answer 2

 var response = [ {"id": "1", "name": "2", "value": "3", "any": "4"} ]; var newJson = []; response.forEach(function(val,index){ Object.keys(val).forEach(function(data) { newJson.push({heading: data,content:val[data]}) }) console.log(newJson) }) 

Answer 3

 var responseData=[ {"id": "1", "name": "2", "value": "3", "any": "4"} ]; var finalResult = []; responseData.map(function(item){ var test = []; var allKeys=Object.keys(item); for(i=0;i<allKeys.length;i++) { finalResult.push({'heading':allKeys[i],'content':item[allKeys[i]]}); } }); console.log(finalResult)