[Javascript] 객체(Object)의 키와 값 가져오기

객체(Object)의 키와 값 가져오기 

---

아래와 같은 Javascript 객체가 있다고 가정하자.

각각의 key에 해당하는 value는 배열이고, 배열에서 각각의 공간들에는 객체가 들어있는 구조.

var obj = {
    a : [ {...}, {...}, {...}, {...}, {...} ],
    b : [ {...}, {...}, {...}, {...}, {...} ],
    c : [ {...}, {...}, {...}, {...}, {...} ]
}

 

Javascript 객체를 다루기 위해선, 가장 먼저 key를 뽑아내야 한다.

객체의 key를 하나씩 접근하는 방법

for (var key in obj) {
    // Javascript의 for-in문을 사용해 key를 뽑아낼 수 있다.
    // key 변수에는 obj가 가진 key가 하나씩 들어온다.
    
    // 가져온 key를 이용해 value를 추출하자.
    // 두 가지 형식이 존재한다.
    //     1. obj.a
    //     2. obj[a]
    console.log(obj[key]);
}

 

객체가 가진 모든 key를 배열로 반환하기

Object.keys(obj);