如何從api響應Angular HttpClient格式化數據

Question

我試圖使一個有角度的HttpClient獲取請求，但是在處理數據時遇到了麻煩。

我正在使用以表格形式返回數據的api

(10)[{...}, {...}, {...}, ...]
[
0:{
   row: Array(4)
     0: "someid"
     1: "somename"
     2: "someaddress"
     3: "somepostcode"
  },
1:{
   row: Array(4)
     0: "someid"
     1: "somename"
     2: "someaddress"
     3: "somepostcode"
  },
2:{
   row: Array(4)
     0: "someid"
     1: "somename"
     2: "someaddress"
     3: "somepostcode"
  }, 
...
]

我只希望能夠從獲取數據中創建帶有“ someaddress”和“ someid”字段的對象列表。 我看過各種教程，但不斷得到未定義的元素。 您如何從中獲取數據。

Answer 1

您可以這樣：

 const data = [ // I have reformatted your returned data { row: ["someId", "somename", "someaddress"] }, { row: ["someId", "somename", "someaddress"] }, { row: ["someId", "somename", "someaddress"] }, { row: ["someId", "somename", "someaddress"] } ]; const newData = data.map(item => ({ id: item.row[0], address: item.row[2] })); console.log(newData); 

希望能幫助到你！ :)

Answer 2

如果要鍵入HTTP響應，請使用通用類型：

interface MyInterface {
  row: string[];
}

return this.http.get<MyInterface[]>('URL');