Массив Javascript в массиве - первый индекс всегда перезаписывается

У меня проблема с моей функцией JS. Для упрощения я хочу заполнить массив (arr1) n другими массивами (arr2). В моем цикле я использую счетчик для текущей позиции в arr1 (не могу использовать arr1.push по какой-то причине). Если я регистрирую все мои arr2 в arr1, они все одинаковы, всегда последний из добавленных. Поэтому я написал базовый сценарий для его проверки. Я всегда регистрирую первый элемент и цементирую счетчик. Я новичок в JS, есть ли какое-то недопонимание, которого я не понимаю?

function test(){
	var arr1 = [];
	var arr2 = [];
	var counter=1;
	arr2[0] = "first";
	arr2[1] = "first";
	arr2[2] = "first";
	arr1[0]=arr2;
  arr1[0].forEach(function(elem){console.info(elem);});
	for (var i = 0; i < 10 ; i++) {
		arr2[0]=counter;
		arr2[1]=counter;
		arr2[2]=counter;
		arr1[counter]=arr2;
    
		arr1[0].forEach(function(elem){console.info(elem);});
		counter++;
	}
}

<button onclick = "test()">Click</button>