使用变量键访问 JavaScript 对象中的值答案

【问题标题】：Using variable keys to access values in JavaScript objects使用变量键访问 JavaScript 对象中的值
【发布时间】：2020-03-14 18:10:22
【问题描述】：

代码：

function updateDashboardData() {
    $.getJSON("includes/system/ajaxDataInterface.php", {recordcount:1}, function(data) {
        $('.stationContainer').each(function(data) {
            var bsID = $(this).attr("id");
            var bsStatus = $(this).children('.stationStatus');
            alert(data[bsID][0].time);
            bsStatus.find('.bs_maxHandsets').text(data[bsID][0].maxHandsets);
            bsStatus.find('.bs_time').text(data[bsID][0].time);
        });
    });
}

对象数据：

{
    "A5A50000": [{
        "bsid": "A5A50000",
        "chanCount": 17,
        "time": "2009-05-27 16:36:45",
        "avgInterference": 1.711765,
        "maxInterference": 4.97,
        "avgHandsets": 205.1176,
        "maxHandsets": 315,
        "avgCalls": 6.4118,
        "maxCalls": 13,
        "avgCBA": 3868.98059,
        "maxCBA": 7463,
        "sumSuccessCBA": 197318,
        "sumTimeoutHandoff": 133,
        "sumAttemptHandoff": 1028,
        "sumDeniedHandoff": 216,
        "sumConfirmHandoff": 679,
        "sumHandoffNetwork": 61873,
        "sumJoinNetwork": 96888,
        "sumLeaveNetwork": 93754,
        "sumRcvdKeepalive": 98773,
        "sumTimeoutKeepalive": 19748,
        "sumAttemptUplink": 93689,
        "sumBlockedUplink": 62453
    }]
}

问题：

alert(data.A5A50000[0].time); 正确显示“2009-05-27 16:36:45”。

alert(bsID); 正确显示“A5A50000”。

alert(data.bsID[0].time); 报告“data.bsID 未定义”。

alert(data[bsID][0].time); 报告“数据[bsID] 未定义”。

我有点不清楚何时评估/不评估变量。也许我忽略了一些愚蠢的事情，但我无法在这里找出我的问题。

【问题讨论】：

嗯，我也在测试它，它对我有用......
如果你执行 alert(bsID); 会发生什么？定义了吗？
alert(bsID) 报告“A5A50000”。更新了上面的原始 updateDashboardData() 函数。当我通过 updateDashboardData() 从控制台启动该功能时；我受到了欢迎：“数据 [bsID] 未定义 192.168.2.236/michaelg/js/xmonitor.js 第 21 行”。第 21 行是 alert()。初始代码和我在这里应用它的方式之间是否有任何功能上的不同，这可能会影响结果？
是的！在内部每个函数中替换这个函数（数据）{ 用这个函数（）{。您正在覆盖该值。
宾果游戏！不太清楚我为什么这样做。 :/ 非常感谢！

标签： javascript language-design

【解决方案1】：

您可以通过点表示法或括号表示法访问对象属性。

var x = {'test': 'hi'};
alert(x.test); // alerts hi
alert(x['test']); // alerts hi

当你有一个动态值时，你必须使用后者：

var property = 'test';
alert(x.property); // looks for x.property, undefined if it doesn't exist
alert(x[property]); // looks for x['test'], alerts hi

所以你真正想要的是：

alert(data[bsID][0].time);

编辑：

不确定你做错了什么，但这在 Firebug 的控制台上对我有用：

var data = {"A5A50000":[{"bsid":"A5A50000","chanCount":17,"time":"2009-05-27 16:36:45","avgInterference":1.711765,"maxInterference":4.97,"avgHandsets":205.1176,"maxHandsets":315,"avgCalls":6.4118,"maxCalls":13,"avgCBA":3868.98059,"maxCBA":7463,"sumSuccessCBA":197318,"sumTimeoutHandoff":133,"sumAttemptHandoff":1028,"sumDeniedHandoff":216,"sumConfirmHandoff":679,"sumHandoffNetwork":61873,"sumJoinNetwork":96888,"sumLeaveNetwork":93754,"sumRcvdKeepalive":98773,"sumTimeoutKeepalive":19748,"sumAttemptUplink":93689,"sumBlockedUplink":62453}]};
var bsID = 'A5A50000';
alert(data[bsID][0].time);

【讨论】：

尝试您的建议后，alert(data[bsID][0].time);报告“数据 [bsID] 未定义”。我已经更新了上面测试的代码。我正在 Firebug 的控制台中测试这个（显然是在 FF 上）。
我试过你的测试代码，它也对我很好。查看上面的代码，我能想象到的唯一错误是 bsID 不是预期的。测试 bsID 的类型，它报告“字符串”。进一步测试建议 getJSON() 返回的数据有问题。当我尝试访问数据来自 getJSON 的 data[bsID][0] 时，它报告未定义。如果我将数据明确定义为我在原始问题中发布的对象，它就可以工作。我需要进一步处理返回的数据以查看问题所在。

【解决方案2】：

在 Javascript 中，您可以使用对象或数组样式的表示法来查找属性。以下是等价的：

data.A5A50000
data['A5A50000']

使用第二种语法，您可以使用变量代替对象字符串：

data[bsID][0]

【讨论】：

data[bsID[0]] 不是他想要的。它是数据[bsID][0]

【解决方案3】：

我在嵌套 JSON API 响应时遇到了同样的问题：

[
    {
        "bj_code": "2019",
        "BJ_PERIODE": [
            {
                "nummer": 1
            },
            {
                "nummer": 2
            }
        ]
    }
]

我可以评估：

pm.expect(pm.response.json()[0].BJ_PERIODE[1].nummer).to.eql(2);

但是通过变量使用BJ_PERIODE 和nummer 不起作用。使用括号方法编写它确实有效，即使在这个嵌套的 JSON 中，如下所示：

const periode = "BJ_PERIODE";
const nr = "nummer"; 
pm.expect(pm.response.json()[0][periode][1][nr]).to.eql(2);

【讨论】：