亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

javascript - 在商城開發中,商品詳情頁里面的屬性規格,大家傾向于用哪種json數據格式?如下

瀏覽:67日期:2023-03-22 18:29:54

問題描述

var sys_item = {'mktprice': '13.00','price': '6.80','sys_attrprice': { '3_13': {'price': '6.80','mktprice': '13.00' }, '3_14': {'price': '7.80','mktprice': '14.00' }, '3_16': {'price': '8.80','mktprice': '15.00' }, '3_17': {'price': '9.80','mktprice': '16.00' }, '4_13': {'price': '6.80','mktprice': '13.00' }, '4_14': {'price': '7.80','mktprice': '14.00' }, '4_16': {'price': '8.80','mktprice': '15.00' }, '4_17': {'price': '9.80','mktprice': '16.00' }, '8_13': {'price': '6.80','mktprice': '13.00' }, '8_14': {'price': '7.80','mktprice': '1400' }, '8_16': {'price': '8.80','mktprice': '15.00' }, '8_17': {'price': '9.80','mktprice': '16.00' }, '9_13': {'price': '6.80','mktprice': '13.00' }, '9_14': {'price': '7.80','mktprice': '14.00' }, '9_16': {'price': '8.80','mktprice': '15.00' }, '9_17': {'price': '9.80','mktprice': '16.00' }, '10_13': {'price': '6.80','mktprice': '13.00' }, '10_14': {'price': '7.80','mktprice': '14.00' }, '10_16': {'price': '8.80','mktprice': '15.00' }, '10_17': {'price': '9.80','mktprice': '16.00' }, '12_13': {'price': '6.80','mktprice': '13.00' }, '12_14': {'price': '7.80','mktprice': '14.00' }, '12_16': {'price': '8.80','mktprice': '15.00' }, '12_17': {'price': '9.80','mktprice': '16.00' }} };

上面當我選中:

顏色的data-aid為3,規格的data-aid為13時,默認價格更新為3_13對應的價格 data-aid為3, 規格的data-aid為14時,默認價格更新為3_14對應的價格 data-aid為4, 規格的data-aid為13時,默認更新為4_13對應的價格

第二種:

{ 'library':[{ 'product_color':'625', 'product_spec':'626', 'buyer':'46.15', 'attribute':'0'},{ 'product_color':'625', 'product_spec':'627', 'buyer':'46.15', 'attribute':'0'},{ 'product_color':'625', 'product_spec':'628', 'buyer':'50.00', 'attribute':'1'},{ 'product_color':'629', 'product_spec':'627', 'buyer':'33.00', 'attribute':'0'} ]}

默認

顏色product_color: 625規格product_spec: 627價格為46.15當選擇product_color: 625, 規格為628,對應價格為50.00當選擇product_color: 629, 規格為627,對應的價格為33.00

這兩種json數據格式那種更為簡潔,效率更高效?

問題解答

回答1:

有數據冗余重復的時候,盡量消除數據的重復。上面的兩種數據組織方式都沒有冗余,但是為了查詢方便,數據格式的組織可以像數據庫一樣,有一個便于查詢的主鍵,也可以說是id。所以個人感覺上面的那種方式好一點,可以直接通過key查到value。而下面的那種方式感覺查詢起來有些麻煩。

數據格式的組織也盡量范式化:

任何類型的數據在 state 中都有自己的 “表”。任何 “數據表” 應將各個項目存儲在對象中,其中每個項目的 ID 作為 key,項目本身作為 value。任何對單個項目的引用都應該根據存儲項目的 ID 來完成。ID 數組應該用于排序。

上面的引用是來自Redux官方文檔推薦的state組織方式,可以參考一下。

標簽: JavaScript
主站蜘蛛池模板: 性生活视频网 | 久久www免费人成看国产片 | 免费观看黄视频 | 久久东京伊人一本到鬼色 | 成人高清毛片a | 99国内视频 | 中文字幕日韩精品中文区 | 香蕉视频色| 亚洲精品一区二区三区四区手机版 | a高清免费毛片久久 | 亚洲精品自拍视频 | 在线麻豆国产传媒60在线观看 | 免费黄色网址在线观看 | 91专区在线| 欧美性视频网 | 日本不卡一区二区三区视频 | 亚洲欧美日韩在线2020 | 特黄特级高清免费视频毛片 | 午夜视频1000部免费看 | 特黄一级真人毛片 | 成年午夜性爽快免费视频不卡 | 日韩中文在线 | 国产精品久久久久一区二区 | 特黄视频免费看 | 国产欧美在线观看一区二区 | 国产一级片儿 | 欧美国产综合在线 | 丝袜美腿秘书ol在线播放 | 亚洲高清在线天堂精品 | 真实男女xx00动态视频免费 | 久久aaa| 国产性tv国产精品 | 人与牲动交bbbbxxxx | 亚洲尹人香蕉网在线视颅 | 成人午夜亚洲影视在线观看 | 一级一级女人真片 | 亚洲精品ai换脸一区二区三区 | 微拍秒拍99福利精品小视频 | 麻豆小视频 | 亚洲一区二区精品 | 黄色大片视频 |