【JS】変数がオブジェクトとして参照できない

Question

###前提・実現したいこと
.val();で取得した値を変数に格納し、その変数でオブジェクトの階層を決定したいのですが、
想定の挙動になりません。

JSに今回の方法では、実現できないルールがあるのではと疑っているのですが、
解決方法が見つけられません。
お手引きお願いします。

###該当のソースコード

var GNo = $('[name=groupSelect]').val();
  console.log(GNo); // GNo001
  console.log(data.GNo001.member[0]); //これだと希望の値が取得できる。この結果を↓の記述で実現したかった。
  console.log(data.GNo.member[0]); // Uncaught TypeError: Cannot read property 'member' of undefined

###補足情報(言語/FW/ツール等のバージョンなど)
jQuery 3.0.0

Answer 1

すでに解が出ているようですが

<script>
$(function(){
  var data={
    "GNo001":{"member":[100,200,300]}
  };
  var GNo = $('[name=groupSelect]').val();
  console.log(data[GNo].member[0]); 
});
</script>
<input type="text" name="groupSelect" value="GNo001">

nameでデータにアクセスした場合、必ずしもターゲットはひとつとは限りませんので
ご注意ください
また該当しない場合の例外処理も考慮してください

<script>
$(function(){
  var data={
    "GNo001":{"member":[100,200,300]},
    "GNo002":{"member":[500,600,700]}
  };
  $('[name=groupSelect]').each(function(){
    var GNo = $(this).val();
    if(typeof data[GNo]!=="undefined") console.log(data[GNo].member[0]);
  });
});
</script>
<input type="text" name="groupSelect" value="GNo001">
<input type="text" name="groupSelect" value="GNo002">
<input type="text" name="groupSelect" value="GNo003">

Answer 2

こういうことですか？

data[GNo].member[0]