[JavaScript] HTMLCollection과 NodeList의 차이
오늘은 querySelectorAll나 getElementsByClassName과 같이 여러 개의 요소 노드 객체를 반환할 때 사용되는 객체인 HTMLCollection과 NodeList의 차이에 대해 다룰 것이다. 우선 둘의 공통점부터 살펴보자. HTMLCollection과 NodeList는 모두 유사 배열 객체이면서 이터러블이다. 따라서 둘 다 length 프로퍼티를 가지기 때문에 객체를 배열처럼 접근할 수 있고 반복문을 돌릴 수 있다. 하지만 유사 배열 객체이기 때문에 자바스크립트에서 제공하는 배열 객체의 메소드를 사용할 수 없다는 특징이 있다. (ex. map, forEach, reduce 등등) (유사 배열 객체에 대한 자세한 내용은 아래 링크에서 볼 수 있다.) https://codingtod..
Language/JavaScript
2024. 3. 21. 12:09
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 제어 컴포넌트
- 코드잇스프린트
- Git
- tanstackquery
- js
- 리액트
- currentTarget
- rest parameter
- map
- 취업까지달린다
- 코드잇 스프린트
- innerhtml
- javascript
- 유사배열객체
- Target
- arguments
- Next.js
- CSS
- 동기
- 비제어 컴포넌트
- GitHub
- hydrationboundary
- 중급 프로젝트
- react
- 프론트엔드
- 스프린트프론트엔드6기
- html
- 객체
- 비동기
- 배열
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함