[ TypeScript ] 알 수 없는 객체의 세계 (object key value 뽑기, 이중객체 데이터 뽑기)

1. object를 배열로 바꾸기

 

{ samsung: 1, apple: 2, lg: 3} 

이런 object가 있다고 해보자. 

제조사	번호
samsung	1
apple	2
lg	3

이걸 그리드에 제조사/번호로 뿌려주고 싶다. object에서 key, value를 뽑을 때 배열로 치환을 해줘야 한다.

https://eloquence-developers.tistory.com/169

[JavaScript] Object.keys, values, entries

 

const temp = Object.entries(detailtemp);

detailtemp : object

temp : 배열을 담을 변수

 

temp를 찍어보면

 

['samsung', 1]

['apple', 2]

['lg', 3]

 

이렇게 나오게 되고, temp[0][0] 이런식으로 접근하면 값을 모두 뽑아낼 수 있다. 

 

 

2. 중첩된 객체

 

문제는......... 

{ samsung: 1, apple: 2, lg: 3}  

이런식으로 깔끔하게 되어있으면 다행인데....

이런식으로 안에 또 object가 있는 경우가 있다..

이런 경우에는 temp[0][1][0]으로 접근하면 

Object is of type 'unknown'. 

에러가 나온다.. 

 

https://kim-mj.tistory.com/220

Object (2) - 중첩객체 접근

이 글을 참조하여 해봐도 되지 않았다.

 

그래서 일단 object를 어떻게든 출력되게 해보자 하고 

const temp2 = JSON.stringify(temp[i][1]);

stringify를 써봤다. 

 

const temp3 = JSON.parse(temp2);
console.log(temp3[0]);

temp2를 열심히 지지고 볶다가 그냥 parse를 해봤다. 그리고 내부에 접근 해봤는데..

 

{contactList: 'cust_list2', filterTemplateName: 'cdw-음성1', dialingAllocation: 100}

 

아까처럼 unknown관련 에러가 나오지 않고 잘 찍혔다. 저렇게 나온 이상.. 1번처럼 entries 사용하면 모두 값 뽑을 수 있다. 

알 수 없는 .. 객체의 세계 ... 어렵당 😂

혹시나 더 좋은 방법을 아시는 분은 댓글 부탁드립니다:)