[js] 객체(Object) 특정 value값 확인하기

dom 요소의 클래스 목록을 확인하면서, 특정 클래스 존재 여부를 판단해야하는 필요성이 있었다.

객체에 특정 값이 있는지 확인은 다음과 같이 할 수 있다.

 

---

1. 객체 형태

let classList = event.target.classList
console.log(classList)


출력 >>
{"0":"apple","1":"banana"}

classList라는 변수가 내가 확인하고자 하는 객체이다.

 

 

 

2. value값만 리스트로 뽑아내기

let classListValues = Object.values(classList)
console.log(classListValues)


출력 >>
['apple', 'banana']

 

 

3. 특정값 여부 찾기 (메소드 최종 결과)

let result = Object.values(classList).includes('banana')
console.log(result)


출력 >>
true