자바스크립트 object key 값 동적으로 할당하기

작업을 하다가 어느 순간

어떤 배열을 이용하여 Object 를 생성해야 하는데

배열을 이용하여 동적으로 key 와 value 를 생성해야할 때가 있었습니다.

 

Object 를 생성할 때는

var testObject = {
    "1번째 컬럼" : "사과",
    "2번째 컬럼" : "바나나",
    "3번째 컬럼" : "오렌지",
    "4번째 컬럼" : "포도",
    "5번째 컬럼" : "옥수수"
}

이렇게 생성하는 방법밖에 몰랐었는데

 

blog.knowgari.com/JSON%EB%8F%99%EC%A0%81%ED%95%A0%EB%8B%B9/

[JavaScript] JSON 객체 Key값 동적 할당

이분의 블로그를 참조하여

어떠한 배열 등이 있을 때

다음과 같이 동적으로 key 와 value 를 선언할 수 있게 되엇습니다.

그 방법은

 

<script>
    var testArray = ['사과', '바나나', '포도', '오렌지', '옥수수']
    
    var testObject = new Object();
 
    testArray.forEach(function(item, index, arr2){
        testObject[(index+1)+"번째 컬럼"]=item;
    })
 
    console.log(testObject);
 
</script>

 

이렇게 object 를 생성하게 되면

 

이렇게 동적으로 생성되는것을 확인하실 수 있습니다.