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