JavaScriptでのコールバックへの順序番号の渡し方
私たちのコールバック関数に2番目のパラメータが書かれている場合、 そのパラメータに見つかった要素セット内の要素の順序番号が渡されるようにしましょう:
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を使用して、各段落の先頭にその順序番号を追加してください。