새로운 마음으로 바닐라 자바스크립트로 todo app을 만들어보고 있다.
그러던 도중, 이런 배열을 만났다.
DOMTokenList ➡️ 배열인줄 알았으나, 유사배열객체이다.
어떻게 알게 되었나?
includes 메서드가 에러가 발생함에 따라 알게되었다.
Uncaught (in promise) TypeError: classList.includes is not a function
배열인줄 알고 사용했더니 해당 타입에는 사용할 수 없는 메서드라고 한다.
바로 DOMTokenList 검색
MDN 공식문서에서 DOMTokenList 유사배열객체에는 DOMTokenList.contains() 메서드를 사용하면 된다고 친절하게 나와있는 것을 확인하고 에러를 고칠 수 있었다.
// 이 classList는 DOMTokenList 타입 유사배열객체이다.
console.log("classList : ", classList.contains('checked'))
- 배움에는 끝이 없다.