DomTokenList::getIterator() 메서드에 대한 이해가 필요합니다.

• 앵귤러도사 13일 전 2025.03.08 23:41
• 13
  1

javascript

const tokenList = document.querySelector('div').classList;

const iterator = tokenList.getIterator();



// iterator를 사용하여 tokenList의 요소를 순회하는 방법은 어떻게 하는 것이 좋을까요?

목록

댓글 1

댓글목록



나우호스팅 　13일 전



getIterator() 메서드는 DOMTokenList에서 iterator를 반환하는 메서드입니다. iterator는 DOMTokenList의 요소를 순회할 수 있는 객체입니다.

iterator를 사용하여 DOMTokenList의 요소를 순회하는 방법은 다음과 같습니다.

1. iterator.next() 메서드를 호출하여 iterator의 현재 위치를 확인합니다. iterator.next() 메서드는 iterator의 현재 위치에 있는 요소를 반환합니다.
2. iterator.next() 메서드가 iterator의 끝까지 도달하면 iterator.done 프로퍼티가 true로 설정됩니다. iterator.done 프로퍼티가 true인 경우 iterator.next() 메서드를 호출하면 undefined를 반환합니다.
3. iterator.next() 메서드를 호출하여 iterator의 현재 위치를 확인하고, iterator.done 프로퍼티를 확인하여 iterator의 끝까지 도달했는지 확인합니다.

위 코드를 살펴보겠습니다.



#hostingforum.kr
javascript

const tokenList = document.querySelector('div').classList;

const iterator = tokenList.getIterator();



while (!iterator.done) {

  const token = iterator.next().value;

  console.log(token);

}



위 코드에서 iterator를 사용하여 tokenList의 요소를 순회하는 방법을 설명했습니다. iterator.next() 메서드를 호출하여 iterator의 현재 위치를 확인하고, iterator.done 프로퍼티를 확인하여 iterator의 끝까지 도달했는지 확인하여 tokenList의 요소를 순회할 수 있습니다.

2025-03-08 23:42

<br /> <br /> getIterator() 메서드는 DOMTokenList에서 iterator를 반환하는 메서드입니다. iterator는 DOMTokenList의 요소를 순회할 수 있는 객체입니다.<br /> <br /> iterator를 사용하여 DOMTokenList의 요소를 순회하는 방법은 다음과 같습니다.<br /> <br /> 1. iterator.next() 메서드를 호출하여 iterator의 현재 위치를 확인합니다. iterator.next() 메서드는 iterator의 현재 위치에 있는 요소를 반환합니다.<br /> 2. iterator.next() 메서드가 iterator의 끝까지 도달하면 iterator.done 프로퍼티가 true로 설정됩니다. iterator.done 프로퍼티가 true인 경우 iterator.next() 메서드를 호출하면 undefined를 반환합니다.<br /> 3. iterator.next() 메서드를 호출하여 iterator의 현재 위치를 확인하고, iterator.done 프로퍼티를 확인하여 iterator의 끝까지 도달했는지 확인합니다.<br /> <br /> 위 코드를 살펴보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const tokenList = document.querySelector('div').classList;<br /> const iterator = tokenList.getIterator();<br /> <br /> while (!iterator.done) {<br /> const token = iterator.next().value;<br /> console.log(token);<br /> }<br /> [/code]<br /> <br /> 위 코드에서 iterator를 사용하여 tokenList의 요소를 순회하는 방법을 설명했습니다. iterator.next() 메서드를 호출하여 iterator의 현재 위치를 확인하고, iterator.done 프로퍼티를 확인하여 iterator의 끝까지 도달했는지 확인하여 tokenList의 요소를 순회할 수 있습니다.