javascript - 在 JavaScript 中使用循环传递哈希表/字典

Question

但是，我想将“ID”传递到选项“值”字段，并使用相应的字符串作为选项文本。

因此，如果黑色 ID = 1、白色 = 2、蓝色 = 3，那么 html 将如下所示:

<option value ='1'> Black </option>

这个 JSFiddle 与我想要完成的任务类似:

http://jsfiddle.net/e6hzj8gx/4/

除了我只想发送值并使用 key 来调用它。

我基本上是用 Django 构建一个下拉列表，该下拉列表取决于用户在另一个下拉列表中选择的内容 - 在 Django 中并没有真正优雅的方法来执行此操作，并且似乎将我的数据序列化为 json，然后使用 javascript建立下拉菜单是可行的方法。

我的 Django 数据只是一个字典:

data = {1: 'Black', 2 = 'White', 3 = 'Blue'}

Answer 1

有几种方法可以循环 javascript 对象。当使用解析的 JSON 对象时，您可以使用:

for (var propName in obj) {
  // access data using obj[propName]
}

在更复杂的情况下，您可能必须使用以下方法检查该属性是否不是从其他原型(prototype)继承的:

if (obj.hasOwnProperty(propName) { /* ... */ }

此外，您可以使用 document.createElement("option") 创建 DOM 元素

总而言之，它会是这样的:

var obj = JSON.parse(serverData);
for (var propName in obj) {
  var jsonValue = obj[propName];
  if (jsonValue && (typeof jsonValue === "string")) {
    var option = document.createElement("option");
    option.value = propName;
    option.innerText = jsonValue;

    // Add created option to a select element
    // ...
  }
}

请告诉我我的问题是否正确...