web-dev-qa-db-ja.com

変数キーを使用して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);は、「data [bsID] is undefined」と報告します。

変数が評価される/評価されない場合、私は少し不明瞭です。たぶん私は愚かな何かを見落としているかもしれませんが、ここで私の問題を理解することはできません。

javascriptlanguage-design
46
mikegreenberg

オブジェクトプロパティにアクセスするには、ドット表記またはブラケット表記を使用します。

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);

[〜＃〜] edit [〜＃〜]：

何が間違っているのかはわかりませんが、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);
131
Paolo Bergantino

Javascriptでは、オブジェクトまたは配列スタイルの表記法を使用して属性を検索できます。以下は同等です：

data.A5A50000
data['A5A50000']

2番目の構文では、オブジェクト文字列の代わりに変数を使用できます。

data[bsID][0]
3
Daniel Roseman