javasceript nested object 생성 질문 드립니다~

Question

안녕하세요 nested object 생성하는 법좀 질문 드립니다~ 우선 데이터는 let newArray &#61; ['a', 'b', 'c', 'd']; let data &#61; { a : 'abc', b : 'abc', c : 'abc', d : 'abc',} let nestedObj &#61; { name : 'a', data : 'abc', children : [ { name : 'b', data : 'abc', children : [ { name : 'c', data : 'abc', children : [ { name : 'd', data : 'abc', cildren : [] } ] } ] } ]} 위와 같이 newArray 와 data 가 존재 하구요array의 순서에 맞게 nestedObj 생성하는법좀 질문 드립니다.아무리 삽질을 해도... 만들어 지지가 않네요 ㅜㅜ 코로나 조심하시구요~~ 좋은 하루 보내세요~

gh-pages · Accepted Answer

이러한 함수를 구현해 사용할 수 있을 것 같습니다. const genNestedObj &#61; (newArray, data) &#61;> newArray .map(name &#61;> [name, data[name]]) .reduceRight((acc, [name, data]) &#61;> [{ name, data, children: acc, }], [])[0]; 1. 가장 먼저, map() 메서드를 이용해 data와 newArray의 값을 서로 연결(zip)해줍니다.2. 이후 reduceRight() 메서드로 가장 깊은 Children부터 생성해 나갑니다.3. 함수의 반환은 [{ ... }] 형태이기에, 원하는 결과값을 취하기 위해 [0] 인덱스로 결과 값을 가져오도록 합니다. reduceRight() 메서드는, 일반적인 reduce() 메서드의 경우 Nested Object의 깊이가 깊어질수록 선형적으로 탐색 시간이 증가하기 때문에, 가장 깊은 Children부터 만들 수 있도록 사용하였습니다. 사용은 아래와 같습니다. const newArray &#61; ['a', 'b', 'c', 'd']; const data &#61; { a: 'abc', b: 'abc', c: 'abc', d: 'abc', }; const genNestedObj &#61; (newArray, data) &#61;> newArray .map(name &#61;> [name, data[name]]) .reduceRight((acc, [name, data]) &#61;> [{ name, data, children: acc, }], [])[0]; const result &#61; genNestedObj(newArray, data); console.log(result); 실행 결과는 아래와 같습니다. { name : 'a', data : 'abc', children : [ { name : 'b', data : 'abc', children : [ { name : 'c', data : 'abc', children : [ { name : 'd', data : 'abc', cildren : [], }, ], }, ], }, ], } 아래의 링크에서 실제로 실행해보실 수 있습니다. jdoodle.com/ia/eS8

javasceript nested object 생성 질문 드립니다~

1개의 답변

Q&A 목록