允許用戶調出JSON對象的元素

Question

有什么方法可以允許用戶調出JSON對象的元素？

具有以下效果：

var jsonobj = {"name":"charlie", "age":"17"};

var ins = document.getElementById('input_box');
var usergen = ins.value;

div.innerHTML = jsonobj.usergen;

Answer 1

是。

jsonobj[usergen]

另外，您在jsonobj中定義的不是JSON，而只是對象文字。 JSON是與JavaScript的對象表示法兼容的對象的字符串表示形式。

Answer 2

沒有“ JSON對象”之類的東西。 您所擁有的只是一個“對象”。

無論如何，方括號語法將滿足您的要求：

div.innerHTML = jsonobj[usergen];

...要記住，用戶可能輸入的屬性名稱不存在，在這種情況下jsonobj[usergen]將返回undefined ，當您嘗試將其放入div中時，最終將顯示為字符串"undefined" 。 如果願意，可以對此進行測試：

if (usergen in jsonobj)
    div.innerHTML = jsonobj[usergen];
else {
    alert("The property '" + usergen + "' does not exist.");
    // OR perhaps
    div.innerHTML = "The property '" + usergen + "' does not exist.";
}