TypeScript 建立物件型別

typescript

jo1ce 2021-04-16 20:24:35 ‧ 971 瀏覽

最近在練習做一個撈股市資料的SideProject
從Server的API取回了資料
資料的結構大概是

{
    AAPL:{
          symbol: 'AAPL',
          price: 130
    },
    TSLA:{
          symbol: 'TSLA',
          price: 720
    },
    ...
}

每次要查詢的股市代碼都不一樣，但下一層的資料結構都是一致只有symbol,price
想請問若要將這個物件定義型別應該怎麼實作比較好．
上網搜尋了一下但不太知道怎麼下關鍵字> <
先感謝大大的解答了！！

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

DanSnow

iT邦好手 1 級 ‧ 2021-04-16 22:29:28

最佳解答

你可以去找找 TypeScript 的 interface 跟 type alias 要怎麼用，總之寫起來大概會是這樣

interface Stock {
    symbol: string
    price: number
}

type APIResponse = Record<string, Stock>

另外上面用到的 Record 是一個 TypeScript 內建的型別

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙