JavaScript에서 콜백에 순서 번호 전달하기

우리 함수-콜백에 두 번째 매개변수가 작성된 경우, 찾은 요소 집합에서 요소의 순서 번호가 두 번째 매개변수로 전달되도록 만들어 봅시다:

javascriptforEach('.elem', function(elem, index) {
  console.log(elem);  // 요소를 출력합니다
  console.log(index); // 요소의 순서 번호를 출력합니다
});

이 매개변수를 사용하여, 예를 들어, 각 요소의 끝에 순서 번호를 추가할 수 있습니다:

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

앞서 설명한 내용을 구현하기 위해 forEach 함수 코드를 수정해 봅시다:

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