如何从数组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。