第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

選擇 Javascript 中具有 array != 空的所有 json 對象

選擇 Javascript 中具有 array != 空的所有 json 對象

Smart貓小萌 2023-08-18 17:50:32
獲取 file.json 時,我在通過 javascript 返回正確的數(shù)據(jù)時遇到問題。原來的代碼行太多,所以我將寫一個更短的示例以使其更清晰。我的 data.json 文件看起來像這樣:data.json{   "01": {     "id" : "01",     "title" : "example1",     "size" : "100",     "pictures" : []  },  "02": {     "id" : "02",     "title" : "example2",     "size" : "0",     "pictures" : []  },  "03": {     "id" : "03",     "title" : "example3",     "size" : "300",     "pictures" : [       { "pic_name1" : "example_pic1", "source" : "http://example.pic/1234" },       { "pic_name2" : "example_pic2", "source" : "http://example.pic/4321" },     ]  },  }我的獲取工作正常,我可以打印出我想要的數(shù)據(jù)。例如,我不想獲取具有“size”=“0”且有效的對象。不起作用的是第二個條件:我只想獲取具有一些圖片的對象(換句話說,圖片 !== [] 的對象)并且我想要每個對象中的第一張圖片。這是我的函數(shù)的一部分:main.jsgetData().then(data => {    for (const key in data) {      if (data.hasOwnProperty(key)) {        if (data[key].size !== "0" && data[key].pictures !== []  ) {               div.innerText = data[key].size;                        // This prints the right data in DOM             img.src = data[key].pictures[0].source                 // This gives an error        }      }   });我在檢查器中得到的錯誤是:類型錯誤:無法讀取未定義的屬性“源”(索引):94?。?!如果我對對象的 id 進(jìn)行硬編碼而不是編寫 [key],則此代碼有效,如下所示:img.src = data[01].picture[0].source           //  This is return the picture of the selected object但當(dāng)然,我需要為每個對象獲取正確的圖片。知道如何解決這個問題嗎?謝謝!
查看完整描述

1 回答

?
holdtom

TA貢獻(xiàn)1805條經(jīng)驗 獲得超10個贊

檢查圖片的長度,例如data[key].pictures.length > 0代替data[key].pictures !== []


let data = { 

  "01": {

     "id" : "01",

     "title" : "example1",

     "size" : "100",

     "pictures" : []

  },

  "02": {

     "id" : "02",

     "title" : "example2",

     "size" : "0",

     "pictures" : []

  },

  "03": {

     "id" : "03",

     "title" : "example3",

     "size" : "300",

     "pictures" : [

       { "pic_name1" : "example_pic1", "source" : "http://example.pic/1234" },

       { "pic_name2" : "example_pic2", "source" : "http://example.pic/4321" },

     ]

  },

  

}


for (const key in data) {

  if (data.hasOwnProperty(key)) {

    if (data[key].size !== "0" && data[key].pictures.length>0){ 

        console.log(data[key].size);                     

        console.log(data[key].pictures[0].source);

    }

  }

}


查看完整回答
反對 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號