-1

可能重复：
动态对象属性名称

通过 ajax 调用，我收到一个对象：E

此对象包含许多子元素：width、height等。

console.log (E.width)给了我所有的元素E.width

当我分配一个var时：tempElement = 'width'

为什么 console.log(e.tempElement) 返回“未定义”以及如何通过变量访问对象的子元素

$(function () {
    $('#widthSelect').on('change', function () {
        var updateArray = new Array();
        updateArray[0] = 'height';
        updateArray[1] = 'rim';
        updateArray[2] = 'load';
        updateArray[3] = 'speed';
        updateArray[4] = 'brand';
        updateArray[5] = 'season';
        getValues(updateArray);
    });

    function getValues(updateArray) {
        var data = updateArray.join('=&') + '=';
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: '******',
            data: data,
            success: function (e) {
                element = updateArray[0];
                console.log(e.element);
            }
        });
    }
});
4

1 回答 1

2

试试这个：

console.log( e[element] );

当您使用“点表示法”时e.element，后面的位.将按字面意思作为属性名称。您的对象没有名为的属性，"element"因此您得到undefined. 如果使用数组样式表示法，方括号内的位将作为表达式求值，结果将用作属性名称。

e.width
// is equivalent to
e["width"] // note the quotation marks
// and equivalent to
someVariable = "width";
e[someVariable]
// and also equivalent to
e[someFunction()]  // assuming someFunction() returns the string "width"
于 2013-01-19T12:15:46.330 回答