如何在角度服務方法中遍歷http響應（json）以生成自定義json？

Question

我收到這樣的http響應：

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

我想將其轉換為這樣的內容：

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

我正在使用angular4.0.0，我想在服務方法中執行此操作。 如何取得這個結果？

Answer 1

干得好 ：

 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)