javascriptを勉強しています。ボタンクリックをして下記のようなオブジェクトの配列を作れるようにしたいのですがどうしたらいいでしょうか？

data = [
{"number":"4","shot":"3P","result":"成功"},
        {"number":"5","shot":"2P","result":"失敗"},
        ...,
         {"number":"8","shot":"3P","result":"成功"}
]

上記のようなオブジェクトの配列をボタンクリックで自動的につくりたいです。
バスケットボールの試合を見ながらで、例えばオブジェクトの1つ目だと、背番号4番の選手が3ポイントシュートを成功させたという情報を瞬時にボタンクリックで表示させたいと思ってます。
現在、「４，５，６，７，８」の背番号のボタン５つと「３P、２P」のシュートの種類のボタン２つと「成功、失敗」のシュートの結果のボタン２つを用意していています。
それで自分なりに

$(function() {
        $("#botan4").click(function(){
            num = "4";});
    });
    $(function() {
        $("#botan5").click(function(){
            num = "5;});
    });
...
    $(function() {
        $("#botansippai").click(function(){
            res = "失敗";});
    });

のような関数を用意して1つ目だったら４のボタンをクリックしたらnumに４という文字が入るようにしたらいいんじゃないかと考えてこのようなボタンを背番号、シュート、結果の9個作りました。そして

data=[{"number":"num","shot":"sh","result":"res"}]

上記のようにdataを作ってみましたが、オブジェクトの配列はもちろん1つしかできませんでした。どなたか作り方教えてください。