如何获得对象值和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); 
}