JavaScript에서 DOM 요소 번호 매기기

반복자를 이해하면 DOM 요소에 쉽게 번호를 추가할 수 있습니다. 예를 들어, 다음과 같은 단락이 있다고 가정해 보겠습니다:

<p>text</p>
<p>text</p>
<p>text</p>

이 단락들의 컬렉션을 변수에 얻어봅시다:

let elems = document.querySelectorAll('p');

내장 반복자 entries를 사용하여 순회해 보겠습니다:

for (let entry of elems.entries()) {
	console.log(entry);
}

번호와 요소를 분리하기 위해 구조 분해를 사용하겠습니다:

for (let [num, elem] of elems.entries()) {
	console.log(num, elem);
}

각 단락의 끝에 순서 번호를 추가해 보겠습니다:

for (let [num, elem] of elems.entries()) {
	elem.textContent += num;
}

HTML 테이블이 주어졌습니다. 이 테이블의 각 셀에 번호를 매기세요.