開發遇到，寫個隨筆，以防我的金魚記憶
場景：一個頁面從后台拿到20條數據，把他們展現在頁面上，當點擊某一個item時，需要展示這個item的詳情，通常不會去把頁面調走，就在本頁面通過 display: none; 來展示。問題是，點擊某一條item時，不去請求后台接口，就展示當前item的詳情（詳情數據在首次后台拿取數據list的時候一並返回）
上圖：
之請求一次后台接口，就實現掉上述功能。那么把后台傳來的數據保存在自己的定義數組中即可，點擊item時就可以直接拿出開使用
，以減少請求次數（前提是后台返回給你的足夠的信息）
1.定義一個對象 detailOne{}；把后台拿到的數據存儲到自己的這個對象中保存
2、插入數據的時候，直接拿我們自定義的對象中的拷貝內容即可
原理如此，不同情況分別對待
以上方法是原生方法，JS還給我們提供了一個更加方便的辦法，map()方法來進行映射，如圖例子：
經過map()方法后，原始數據已經變成了我們期望的數據類型。更加方便！且該方法不會修改原始數據，會返回一個新的數組。它通過對
數組的每一項進行遍歷映射，返回一個新的映射后的數組！
轉載注明出處，如果有更好的辦法可以實現，歡迎小伙伴指教，共同進步（這只是一種實現方法）