[JavaScript] object 안에 키 값을 기준으로 loop 돌고 싶을 때 : Object.keys()

object 형태가 다음과 같이 생겼다고 하자.

let evilResponse = { 
  "car" : 
    { 
       "color" : "red",
       "model" : "2013"
    },
   "motorcycle": 
    { 
       "color" : "red",
       "model" : "2016"
    },
   "bicycle": 
    { 
       "color" : "red",
       "model" : "2011"
    }
}

이때 "car", "motorcycle", "bicycle" 과 같은 object 의 key 값을 배열로 가져오고 싶으면 Object.keys() 을 사용한다.

let keys: string[] = Object.keys(evilResponse);
// 결과 값 : ["car", "motorcycle", "bicycle"]

이 방법을 응용해서 object 를 loop 돌릴 때 key 값을 기준으로 loop 돌리고 싶으면 다음과 같이 사용하면 된다.

let keys: string[] = Object.keys(evilResponse);

keys.map((key: string) => {
    if(evilResponse[key] === 0) {
        return true; // 0 이 있음
    }
});

참고사이트 : https://medium.com/@papaponmx/looping-over-object-properties-with-ngfor-in-angular-869cd7b2ddcc