forEach가 제 생각과는 다르게 작동하는거같아요

[정중식]

 const pants = [28, 30, 32];
  const sizeFormSelect = document.querySelectorAll('.form-select')[1];
 

      pants.forEach(function (a) {
        sizeFormSelect.appendChild(test);
        sizeFormSelect.innerHTML = a;
        console.log(sizeFormSelect);
        console.log(a);
      });

위와 같이 코드를 짜고 콘솔을 찍으면 a는 28,30,32 순서대로 잘 동작합니다 
근데 sizeFormSelect를 콘솔에찍으면 pants 배열의 마지막 값 32만 나오고있어요 아래 사진처럼요


혹시 제가 코드를 이상하게쳤거나 forEach를 잘 못 이해하고있는걸까요?

[codingapple]

원래 계속 변화하는 object자료들을 콘솔창에 출력시 가장 마지막것만 나올 수 있습니다

[글쓴이]

글