티스토리 뷰

for-of

  • 이터러블 오브젝트 반복

    • Symbol.iterable이 존재해야 가능
  • 예제

    for(const value of [10, 20, 30]) {
        console.log(value);
    }
  • NodeList 엘리먼트를 하나씩 반복하여 전개

  • 예제

    const nodes = document.querySelectorAll("li");
    for(const node of nodes) {
        console.log(node.textContent);
    }
    • Node는 자바스크립트 영역이 아닌 DOM 영역
    • 자바스크립트는 웹을 표현하기 위한 각 요소들(HTML, CSS, DOM 등)을 통합해서 처리할 수 있는 아키텍처를 가지고 있음
  • for-in과 for-of의 차이

    • For-in : 오브젝트에서 열거 가능한 프로퍼티가 대상
    • For-of : 이터러블 오브젝트가 대상
      • property에 연결된 대상은 제외


댓글
댓글쓰기 폼