Làm cách nào để đặt thuộc tính trong vòng lặp từ JavaScript mảng?

Giả sử chúng ta bắt buộc phải viết một hàm nhận vào một mảng và thay đổi thuộc tính id của n div đầu tiên có trong một DOM cụ thể theo các giá trị tương ứng của mảng này, khi đó là độ dài của mảng.

Trước tiên, chúng tôi sẽ chọn tất cả các div có trong DOM của chúng tôi, lặp qua mảng mà chúng tôi đã chấp nhận như một đối số và chỉ định và gán id tương ứng cho mỗi div -

Mã để làm điều tương tự là -

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);

Với điều này, chúng ta có thể ánh xạ thành công các phần tử của mảng với id tương ứng của div.