如何通过 JavaScript for 循环创建 json？

Question

我有 array 的选择标签。

<select id='uniqueID' name="status">
      <option value="1">Present</option>
      <option value="2">Absent</option>
 </select>

我想在 JavaScript 中创建一个包含两个字段“uniqueIDofSelect 和 optionValue”的 json 对象。

我使用 getElementsByName("status") 并对其进行迭代。

编辑

我需要输出喜欢

[{"selectID":2,"OptionValue":"2"},
{"selectID":4,"optionvalue":"1"}]

等等……

Answer 1

根据我对您的要求的了解，这应该可行：

<script>
//  var status  = document.getElementsByID("uniqueID"); // this works too
var status  = document.getElementsByName("status")[0];
var jsonArr = [];

for (var i = 0; i < status.options.length; i++) {
    jsonArr.push({
        id: status.options[i].text,
        optionValue: status.options[i].value
    });
}
</script>

Answer 2

var sels = //Here is your array of SELECTs
var json = { };

for(var i = 0, l = sels.length; i < l; i++) {
  json[sels[i].id] = sels[i].value;
}

Answer 3

如果您想要一个 JavaScript 对象，如下所示：

{ uniqueIDofSelect: "uniqueID", optionValue: "2" }

（其中选项 2“缺席”是当前选择） 那么下面的代码应该会产生它：

  var jsObj = null;
  var status = document.getElementsByName("status")[0];
  for (i = 0, i < status.options.length, ++i) {
     if (options[i].selected ) {
        jsObj = { uniqueIDofSelect: status.id, optionValue: options[i].value };
        break;
     }
  }

如果您想要一个包含所有此类对象的数组（不仅仅是选定的对象），请使用 michael's code，但将 status.options[i].text 替换为 status.id。

如果您想要一个包含所选对象的 JSON 表示的 字符串，请改用它：

  var jsonStr = "";
  var status = document.getElementsByName("status")[0];
  for (i = 0, i < status.options.length, ++i) {
     if (options[i].selected ) {
        jsonStr = '{ '
                  + '"uniqueIDofSelect" : '
                  + '"' + status.id + '"'
                  + ", "
                  + '"optionValue" : '
                  + '"'+ options[i].value + '"'
                  + ' }';
        break;
     }
  }

Answer 4

如果我想从 for 循环生成的字符串创建 JavaScript 对象，那么我会使用 JSON 到对象的方法。我将通过迭代 for 循环生成 JSON 字符串，然后使用任何流行的 JavaScript 框架将 JSON 评估为 Object。

我用过Prototype JavaScript Framework。我有两个带有键和值的数组。我遍历 for 循环并生成有效的 JSON 字符串。我使用 evalJSON() 函数将 JSON 字符串转换为 JavaScript 对象。

这里是示例代码。试用您的FireBug Console

var key = ["color", "size", "fabric"];
var value = ["Black", "XL", "Cotton"];

var json = "{ ";
for(var i = 0; i < key.length; i++) {
    (i + 1) == key.length ? json += "\"" + key[i] + "\" : \"" + value[i] + "\"" : json += "\"" + key[i] + "\" : \"" + value[i] + "\",";
}
json += " }";
var obj = json.evalJSON(true);
console.log(obj);

Answer 5

您的问题很难解读，但我会尝试尝试一下。

你说：

我想创建一个包含两个字段的 json 对象 uniqueIDofSelect 和 optionValue 在 javascript 中。

然后你说：

我需要像这样的输出

[{"selectID":2,"optionValue":"2"},
{"selectID":4,"optionvalue":"1"}]

好吧，这个示例输出没有名为 uniqueIDofSelect 的字段，它只有 optionValue。

不管怎样，你要的是对象数组...

然后在对 michaels 的评论中回答你说：

它创建 json 对象数组。但我只需要一个 json 对象。

所以你不想要一个对象数组？

那你想要什么？

请下定决心。