Использование переменных ключей для доступа к значениям в объектах JavaScript

Код:

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] не определены".

Я немного не понимаю, когда переменная оценивается/не оценивается. Может быть, я упускаю из виду что-то глупое, но я не могу понять свою проблему здесь.


javascript language-design
person mikegreenberg    schedule 28.05.2009    source источник
comment
Хм, я тоже тестирую, и у меня работает...   -  person Paolo Bergantino    schedule 28.05.2009
comment
Что произойдет, если вы сделаете alert(bsID);? это определено?   -  person Paolo Bergantino    schedule 28.05.2009
comment
alert(bsID) сообщает A5A50000. Обновлена ​​исходная функция updateDashboardData() выше. Когда я запускаю функцию из консоли с помощью updateDashboardData(); Меня приветствует: data[bsID] is undefined 192.168.2.236/michaelg/js/xmonitor.js Строка 21. Строка 21 — это alert(). Есть ли функциональное различие между первоначальным кодом и тем, как я его применяю здесь, что может повлиять на результат?   -  person mikegreenberg    schedule 28.05.2009
comment
Да! Замените эту функцию (данные) { этой функцией () { во внутренней каждой функции. вы переопределяете значение.   -  person Paolo Bergantino    schedule 28.05.2009
comment
Бинго! Не совсем уверен, почему я это сделал. :/ Спасибо много!   -  person mikegreenberg    schedule 28.05.2009
comment
Без проблем. Добро пожаловать на сайт. :)   -  person Paolo Bergantino    schedule 28.05.2009
comment
Отвечает ли это на ваш вопрос? Динамический доступ к свойству объекта с использованием переменной   -  person shmuels    schedule 04.06.2020

Ответы (2)


arrow_upward
164
arrow_downward

Доступ к свойствам объекта можно получить с помощью записи через точку или скобок.

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);
person Paolo Bergantino    schedule 28.05.2009
comment
После попытки вашего предложения, alert(data[bsID][0].time); отчеты data[bsID] не определены. Я обновил код, который я тестирую выше. Я тестирую это в консоли Firebug (очевидно, на FF). - person mikegreenberg; 28.05.2009
comment
Я попробовал ваш тестовый код, и он тоже отлично сработал для меня. Глядя на приведенный выше код, единственное, что я могу себе представить, это то, что bsID не соответствует ожидаемому. Проверяя тип bsID, он сообщает строку. Дальнейшее тестирование указывает на проблему с данными, возвращаемыми из getJSON(). Когда я пытаюсь получить доступ к данным [bsID][0], где данные получены из getJSON, он сообщает о неопределенности. Если я явно определяю данные как объект, который я разместил в исходном вопросе, это работает. Мне нужно еще поиграть с возвращенными данными, чтобы увидеть, что не так. - person mikegreenberg; 28.05.2009

arrow_upward
3
arrow_downward

В Javascript для поиска атрибута можно использовать либо объектную, либо массивную нотацию. Следующие эквивалентны:

data.A5A50000
data['A5A50000']

Во втором синтаксисе вы можете использовать переменную вместо строки объекта:

data[bsID][0]
person Daniel Roseman    schedule 28.05.2009
comment
data[bsID[0]] — это не то, что ему нужно. Это данные[bsID][0] - person Paolo Bergantino; 28.05.2009