JAVASCRIPT

javascript의 동적인 Key 가진 Object(map) 만들기

Ambitions 2020. 11. 23. 14:53

최근 개발작업을 진행하다가 보니, 반복문을 순회하면서 새로운 object를 만드는 코드를 작성해야 했는데, object의 key가 동적으로 저장되어야 하는 상황이 있었다.

그래서 여러가지 방법을 찾아봤는데, 바보같이 assign, join, 연산자 등 별에 별 뻘짓을 다했었는데, 정답은 간단한 문제였다. 코드로 설명하면 다음과 같이 하면된다.

1
2
3
4
5
6
7
8
9
let objectCreater = (data) => {
    let result = {}; // 새로운 object 선언
    data.forEach(a => { // 반복문 순회하면서 동적인 key가진 object생성
            result[a.key] = a.value; 
        })
    }
    return result;
}
 
cs

이 쉬운걸 몰라서 Obejct.Entries, assign 등등등 Object 관련된걸 찾아보고 있었다는게 억울했다.

물론 Object 관련 함수를 찾아보면서 공부를 했기때문에 나중에 사용하게되면 도움을 되겠지만, 평소에 허술하게 공부를 했기때문에 한참을 찾은게 아닌가라는 생각이 든다.

아직도 갈길이 먼 것 같다..