JSON データの取り出し方

Question

JSONデータの取り出し方で困っておりましてお知恵をおかしいただきたいです。。。

下記のようなセレクトボックスを設置している。

<select name="pref" id="pref">
    <option value="1">大阪</option>
    <option value="2">京都</option>
    <option value="3">東京</option>
    <option value="4">愛知</option>
</select>

下記のようなJSONデータがある。

var arr_data = [
    { "name": "みかん", "place1": 19, "place2": 11, "place3": 66, "place4": 99 },
    { "name": "りんご", "place1": 56, "place2": 22, "place3": 55, "place4": 88 },
    { "name": "ばなな", "place1": 33, "place3": 33, "place3": 44, "place4": 77 }
]

jQueryで選択されたvalueを取ってくる。

var query = $('#pref').serialize();    // pref=4
    query = query.split('=')[1];    // 4

var word = 'place';
var comp_query = word + query;    // 結合結果 → place4


arr_data[0].place4     // 99
arr_data[0].comp_query // エラーになってしまう

arr_data[0].place4 

[質問]↑place4の部分をplace4と書かずに連結した文字列で取り出すことは出来ないのでしょうか？

Answer 1

下記の記述で取れます。角括弧＋変数の形式です。

arr_data[0][comp_query]

Comments

[appapple]

ででで、できました！
ありがとうございます！！

[yamato_hikawa]

ちなみにarray_data[0].comp_queryというピリオド記法だと値が取れないのは、変数ではなくcomp_queryという文字列で探すためです。
comp_queryという文字列のキーは連想配列内に存在しないので、undefinedとなります。

[appapple]

なるほど、そうなんですね。

相談させていただいて良かったです！