Jak dodać zmienną do tablicy globalnej ?

Wiem że wydaje się proste ale oto kod:

var parParams = [];

$('#button1').click(function() {
    parParams = {
        varData1 : "eight",
        varData2 : 7,
    };
  
console.log(parParams["varData1"]);
console.log(parParams["varData2"]);
console.log(parParams["varData3"]);
}

$('#button2').click(function() {
    parParams = {
        varData3 : 77,
    };
}

Mam dwa guziki jak wcisne Button1 to w consoli pokazuje jak powinno. Potrzebuje jak się łatwo domyśleć, że po wciśnięciu Buuton 2 do tablicy doda się trzecia zmienna i żeby consola pokazała wszytkie 3 wpisy. Jak to zrobic?

Teraz przy kliknięciu nadpisujesz cały obiekt.
Spróbuj:

parParams['varData3'] = 77;

Dodatkowo deklarujesz parParams jako tablice a używasz jako obiekt.

to:

parParams = {
        varData1 : "eight",
        varData2 : 7,
    };

za akzdym razem inicjalizuje nowa tablice i wypelnia ja danymi varData1 i varData2.

ja bym zamiast tego powyzej dal:

parParams.varData1 = "eight";
        parParams.varData2 = 7;

poza tym mam nadzieje ze kod powyzej jest pogladowy bo brakuje mu nawiasow i zakonczenia.

Zmieniłem tak jak mowiłeś, i działa rewelacyjnie tylko musialem dodac
var parParams = {};
zamaist
var parParams = [];