배열 JavaScript에서 루프에 속성을 설정하는 방법은 무엇입니까?

배열을 받아서 이 배열의 해당 값에 따라 특정 DOM에 있는 처음 n개의 div의 id 속성을 변경하는 함수를 작성해야 한다고 가정해 봅시다. 여기서 n은 배열의 길이입니다.

먼저 DOM에 있는 모든 div를 선택하고 하나의 유일한 인수로 허용한 배열을 반복하고 각 div에 해당 ID를 할당합니다 -

동일한 작업을 수행하는 코드는 -

const array = ['navbar', 'sidebar', 'section1', 'section2', 'footer'];
const changeDivId = (arr) => {
   const divsArray = document.querySelectorAll('div');
   arr.forEach((element, index) => {
      divsArray[index].id = element;
   });
};
changeDivId(array);

이를 통해 배열의 요소를 div의 해당 ID에 성공적으로 매핑할 수 있습니다.