[Javascript] Object 동적으로 key 값 지정하기.

 

 

 

 

---

---

 

 

 

일반적으로 javascript 에서 Object 를 생성하는 방법은 아래와 같다.

 

let obj = new Object();
obj.key = value;

let obj = {
  key : value
}

let obj = new Object();
obj.name = "park";

let obj = {
  name : "park"
}

 

 

 

console.log(obj); // { name:"park" }

 

보통 위와같이 규정한 key 값을 정해서 Object 를 만들어서 Request 를 Json 으로 보낼 것이다.

 

 

 

 

 

근데 개발을 하다보면 key 를 동적으로 해서 넘겨줘야 하는  상황도 있다.

예를 들어 반복으로 a1, a2, a3 ... 이런식으로 보낸다던가

어느 배열에 있는 값들로 key 를 구성한다던가

 

여러 상황들이 발생해서 Object key 를 동적으로 만들어야 할때는 아래와 같다.

let obj = new Object();
obj[key] = value;

let obj = {
  [key] : value;
}

let obj = new Object();
obj['키값'] = 'a12345';

let i = 5;
let obj = {
  ['키값'+i] : 'a5'
}

 

 

console.log(obj);  // { 키값 : 'a12345'}
console.log(obj);  // { 키값5 : 'a5'}

 

 

 key 값을 대괄호로 감싸주면 동적으로 object key 를 생성할 수 있다.

 

 

 

 

 

 

함수로 만들때도 이런식으로 하면 동적으로 object가 생성된다.

function createObject(key, value) {
  return {
    [key] : value
  };
}

 

 

 

 

 

 

 

---

---