การส่งหมายเลขลำดับเข้าไปใน Callback ใน JavaScript

ลองมาทำให้ หากในฟังก์ชัน Callback ของเรา มีพารามิเตอร์ที่สองเขียนอยู่ ให้พารามิเตอร์นั้นรับหมายเลขลำดับขององค์ประกอบ ในชุดที่พบ:

forEach('.elem', function(elem, index) {
	console.log(elem);  // แสดงองค์ประกอบ
	console.log(index); // แสดงหมายเลขลำดับขององค์ประกอบ
});

ด้วยพารามิเตอร์นี้ เราสามารถทำได้ เช่น เพิ่มหมายเลขลำดับของมันต่อท้ายแต่ละองค์ประกอบ:

forEach('.elem', function(elem, index) {
	elem.textContent = elem.textContent + index;
});

ลองมาแก้ไขโค้ดของฟังก์ชัน forEach ของเรา เพื่อดำเนินการตามที่อธิบายไว้:

function forEach(selector, func) {
	let elems = document.querySelectorAll(selector);
	
	for (let i = 0; i < elems.length; i++) {
		func(elems[i], i);
	}
}

มีพารากราฟที่กำหนดให้ ใช้ฟังก์ชัน forEach ที่เราสร้างขึ้น เพื่อเพิ่มหมายเลขลำดับของมันไว้ที่ต้นพารากราฟแต่ละอัน