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"]，它将返回undefined。

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 FIDDLE

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/

从对象访问任意属性

3 个答案: