从对象访问任意属性

Question

我有一组这样的嵌套json对象：

var obj = {
  name: "student",
  contact: {
     phone: "22222",
     fax: "33333",
     ...
  },
  ...
}

我有这些文本字段：

<input type="text" name="name" />
<input type="text" name="contact_phone" />
<input type="text" name="contact_fax" />
...

现在，我想用上述对象的适当属性填充这些字段。 我的问题是如何从该对象访问匿名属性？ 例如，假设我有以下jQuery代码：

 $("#formID").find("input").each(function(index) {
    fieldName = $(this).attr("name");
    var namePart = fieldName.split("_");
    //I want something like this: console.log(obj.namePart[0].namePart[1])
});

Answer 1

使用obj["propertyName"]

obj[namePart[0]][namePart[1]]

---

$('#formID').find("input").each(function(index) {
    fieldName = $(this).attr("name");
    var namePart;
    if(fieldName.indexOf('_') > -1){
        namePart = fieldName.split("_");
        console.log(obj[namePart[0]][namePart[1]])
    }
    else{
        namePart = fieldName;
        console.log(obj[namePart])
    }

});

*注意：该属性不是匿名的。 如果在不具有此类属性的对象上运行obj["propertyName"] ，它将返回未定义。

Answer 2

编辑：对不起，我误解了这个问题。 您正在寻找的是这样的东西。

var obj = {
    name: "student",
    contact: {
        phone: "22222",
        fax: "33333"
    }
};

$('#formID').("input").each(function(index) {
    fieldName = $(this).attr("name");
    var namePart = fieldName.split("_");

    var arbitraryVal = obj;
    for (var part in namePart) {
        if (arbitraryVal.hasOwnProperty(namePart[part])) {
            arbitraryVal = arbitraryVal[namePart[part]];
            continue;
        }
        arbitraryVal = null;
        break;
    }

    if (typeof $(this).val(arbitraryVal) !== 'undefined') {
        $(this).val(arbitraryVal);
    }
});

为每个名称部分检索对象。 如果名称部分contact_phone它会寻找obj.contact.phone如果是something_else_with_lots_of_underscores它会寻找obj.something.else.with.lots.of.underscores

JS菲德尔

Answer 3

    <form ID="formID">
        <input type="text" name="name" />
        <input type="text" name="contact_phone" />
        <input type="text" name="contact_fax" />
    </form>  

    $("#formID").find("input").each(function() {
        fieldName = $(this).attr("name");
        namePart = fieldName.split("_");
         if(namePart.length ==1 && namePart[0]=="name"){
             $(this).val(obj.name);
         }
         else if(namePart.length>1){
             $(this).val(obj[namePart[0]][namePart[1]]);
         }
        //I want something like this: console.log(obj.namePart[0].namePart[1])
    });      

http://jsfiddle.net/57vL6b0w/