JavaScript에서 콜백에 순서 번호 전달하기
우리 함수-콜백에 두 번째 매개변수가 작성된 경우, 찾은 요소 집합에서 요소의 순서 번호가 두 번째 매개변수로 전달되도록 만들어 봅시다:
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 함수를 사용하여
각 단락의 시작 부분에 순서 번호를 추가하세요.