JSで(ここを動的にしたい).push();

Question

質問を閲覧いただきありがとうございます。
HTMLのセレクトボタンのvalueで飛んできた値と同じ名前の配列を呼びたいのですが、こういった事は可能でしょうか？
if文で細かく作る事で同じ内容を実現というのは既に出来るのですが、出来たら動的にやれたら一番いいなと思っています。
もし可能でしたらアドバイスお願いします。

<form>
<select id="select">
<option value="array1">1</option>
<option value="array2">2</option>
<option value="array3">3</option>
</select>

<input type="text" id="text">
<input type="submit" id="submit" value="追加">
</form>

var array1 =[];
var array2 = [];
var array3 = [];

//submitを押すとtextをselectと同じ配列に追加
$("#submit").click(function() {
	var arrayname = $("#select").val();
	arrayname.push($("#text").val()); //arrayname.push is not a function
});

Answer 1

HTMLのセレクトボタンのvalueで飛んできた値と同じ名前の配列を呼びたいのですが、こういった事は可能でしょうか？

連想配列に入れておくことをおすすめします。

var arrays = {
  array1: [],
  array2: [],
  array3: []
};


//submitを押すとtextをselectと同じ配列に追加
$("#submit").click(function() {
    var arrayname = $("#select").val();
    arrays[arrayname].push($("#text").val()); //arrayname.push is not a function
});

Comments

[summerboot]

ありがとうございました！作りたかったものが作れました。
配列のことばかり頭にあって連想配列を使う発想が浮かんでいませんでした。
大変助かりました。