各位前輩好，想請問一下，以下案例前端透過API取得兩邊資料後，
如何join後，再篩選呈現我要的結果
不好意思，有點難解釋，所以內容我做了點調整，看有沒比較好懂
以下call他的API取得 listA
| FoodID | FoodCode | Restaurant | FoodLink |
|---|---|---|---|
| 1 | 10001 | 鼎泰豐 | http://link/a |
| 2 | 10002 | 茶六燒肉 | http://link/b |
| 3 | 10004 | 藏壽司 | http://link/c |
| 4 | 10006 | Abao早餐 | http://link/d |
| 5 | 10011 | 首爾韓鍋 | http://link/e |
call我的API取得 listB
| FoodID | Restaurant | FoodType |
|---|---|---|
| 10001 | 鼎泰豐 | 中式 |
| 10002 | 茶六燒肉 | 燒肉 |
| 10003 | 風間燒肉 | 燒肉 |
| 10004 | 藏壽司 | 日式 |
| 10005 | 85度C | 咖啡 |
大略就是listA的FoodCode 與listB的FoodID做比對，
留下他有的資料表，並加上了分類像這樣
| FoodID | FoodCode | Restaurant | FoodLink | FoodType |
|---|---|---|---|---|
| 1 | 10001 | 鼎泰豐 | http://link/a | 中式 |
| 2 | 10002 | 茶六燒肉 | http://link/b | 燒肉 |
| 3 | 10004 | 藏壽司 | http://link/c | 日式 |
| 4 | 10006 | Abao早餐 | http://link/d | 無 |
| 5 | 10011 | 首爾韓鍋 | http://link/e | 無 |
需要注意的是，比對完只要呈現他有的資料為準
大概呈現結果如下，可以透過篩選食物類別，取得結果
| 篩選 | 取得餐廳名單 |
|---|---|
| 1.不分類 | 鼎泰豐、茶六燒肉、藏壽司、Abao早餐、首爾韓鍋 |
| 2.中式 | 鼎泰豐 |
| 3.燒肉 | 茶六燒肉 |
| 4.日式 | 藏壽司 |
| 5.咖啡 | 沒有結果 |
已邀請的邦友 {{ invite_list.length }}/5
iThome鐵人賽
看影片追技術