สมมติว่าเราต้องเขียนฟังก์ชันที่รับอาร์เรย์เข้ามาและเปลี่ยนแอตทริบิวต์ id ของ div แรก n ตัวใน DOM ตามค่าที่อยู่ในอาร์เรย์ โดยที่ n คือความยาวของอาร์เรย์
เราจะเลือก div ทั้งหมดใน DOM ก่อน จากนั้นวนลูปผ่านอาร์เรย์ที่รับมาและกำหนด id ให้แต่ละ div ตามลำดับ
โค้ดสำหรับทำเช่นนี้คือ
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);
ด้วยวิธีนี้ เราสามารถแมปสมาชิกของอาร์เรย์ไปยัง id ของ div ที่ตรงกันได้สำเร็จ
