如何獲得對象值和id作爲一個選擇框使用的選項JavaScript或jQuery的

Question

我有一個這樣的對象：

var quantites = { 
    4: { 
     93: { 
      "id": "355", 
      "qty": 8 
     } 
    }, 
    5: { 
     93: { 
      "id": "356", 
      "qty": 10 
     } 
    }, 
}; 

我怎樣才能獲得id作爲價值和數量的標籤中的選擇不使用/知道鍵遍歷：

<option value="335">8</option> 
<option value="336">10</option> 

一個DIV：

<div id="qty"> 
    <select></select> 
</div> 

我至今嘗試過的：

  $.each(quantites, function(key, value) { 
      $('#qty') 
       .append($("<option></option>") 
       .attr("value",key) 
       .text(value)); 
      }); 
     }); 

Answer 1

您可以將數據先轉換爲對象的數組，然後使用forEach循環添加到select

var quantites = {"4":{"93":{"id":"355","qty":8}},"5":{"93":{"id":"356","qty":10}}} 
 

 
var select = $('#qty select') 
 
var data = [].concat(...Object.values(quantites).map(Object.values)) 
 
data.forEach(function(e) { 
 
    select.append(`<option value="${e.id}">${e.qty}</option>`) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="qty"> 
 
    <select></select> 
 
</div>

Answer 2

如果包含ID和數量的對象（S）一直處於第三級，也沒有其他的對象，你可以將當前對象轉換爲具有ID和數量對象的數組：

var quantites = { 
    4: { 
     93: { 
      "id": "355", 
      "qty": 8 
     } 
    }, 
    5: { 
     93: { 
      "id": "356", 
      "qty": 10 
     } 
    }, 
}; 

var arrayOfQuantities = 
Object.keys(quantites) 
.map(
    key => 
    Object.keys(quantites[key]) 
    .map(subKey => quantites[key][subKey]) 
) 
.reduce((acc,item) => acc.concat(item),[]) 

解決您如何首先獲得如此不可用的對象並解決該問題可能更好。

Answer 3

你見過這篇文章嗎？

https://codereview.stackexchange.com/questions/114672/reducing-a-large-array-of-objects-to-a-simple-object-with-8-properties

你可以在較大的物體減少你需要的位。

Answer 4

試試這個。

var quantites = { 
    4: { 
     93: { 
      "id": "355", 
      "qty": 8 
     } 
    }, 
    5: { 
     93: { 
      "id": "356", 
      "qty": 10 
     } 
    }, 
}; 
var htmltoAppend; 
for (var key in quantites){ 
    for(var key2 in quantites[key]) 
    htmltoAppend = `<option value="` + quantites[key][key2].id + `">`+ quantites[key][key2].qty +`</option>`; 
    document.getElementById('qty').append(htmltoAppend); 
}