Javascript: поместить массив в массив с помощью цикла for

Пожалуйста, объясните мне это. Я пытаюсь создать массив массивов с помощью цикла for. Когда это не сработало, я попытался упростить код, чтобы понять, что делает Javascript, но простой код тоже не имеет смысла.

function test(){
    var sub_array = [];
    var super_array =[];
    for (var i=1;i<=3;i++){
        sub_array.push(i);
        super_array.push(sub_array);
    }
    alert(super_array);
}

Я ожидаю увидеть [1; 1,2; 1,2,3]. Вместо этого я получаю [1,2,3; 1,2,3; 1,2,3]. Я получаю то же самое, если зацикливаю 0-2 и назначаю по индексу.