亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

似乎無法訪問數組中的對象屬性

似乎無法訪問數組中的對象屬性

慕尼黑5688855 2023-06-15 17:09:40
控制臺輸出:{  295798: {    box_type: "QB",    color: "Assorted",    floor_allowed: 2100,    grade: false,    head_size: null,    is_special: "0",    length: false,    live_inventry: "1",  }}我有一個數組,顯示在 chrome 控制臺上面的屏幕截圖中。當我打印出數組時,它出現了。console.log(props.thisData);console.log(props.thisData[0].color);props.thisData顯示整個數組。但是,當我嘗試訪問顏色時,出現以下錯誤:Product.jsx:56 Uncaught TypeError: Cannot read property 'color' of undefined
查看完整描述

1 回答

?
當年話下

TA貢獻1890條經驗 獲得超9個贊

控制臺輸出中的數據結構不是Array. 它Object以數字為鍵。似乎沒有帶鍵的元素00對象中沒有屬性)。因此,你得到未定義。

要訪問您的顏色屬性,您必須通過對象上的鍵訪問它:

props.thisData['295798'].color

更新

如果您想使用數組,我建議您將對象轉換為數組并將鍵作為 id 添加到每個元素。

const dataArray = Object
  .keys(props.thisData)
  .map(key => ({ id: key, ...props.thisData[key] }))


查看完整回答
反對 回復 2023-06-15
  • 1 回答
  • 0 關注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號