[JS] 자바스크립트 객체 KEY 동적 할당
2021. 7. 11. 18:53ㆍ프론트엔드/JAVASCRIPT
728x90
자바스크립트 객체 KEY 동적 할당
var something = {
name: 'zincider',
job: 'student'
}
위와 같이 Object는 KEY와 VALUE의 쌍으로 이루어진 키는 임의로 작성할 수 있고 또는 쌍따옴표를 이용해서 "name" : "zincoder"와 같이 작성할 수 있지만, KEY에는 문자열을 그대로 사용하기 때문에 KEY를 동적으로 할당해주어야 할 필요가 있을 때는 바로 사용이 불가능함.
var keyname = 'name';
var something = {keyname : 'zincoder'}
//원래 의도는 {name: "zincoder"}
console.log(something) //{keyname: "zincoder"}
위와 같은 코드를 작성하였을 때, 원래 의도는 something객체의 KEY에 'name'을 할당하려 했지만, 변수명 'keyname'이 그대로 들어가기에 위에서 설명했던 내용과 같이 KEY에는 문자열을 그대로 사용하기 때문에 위와 같은 방법으로는 KEY를 동적으로 할당이 불가능.
var keyname = 'name';
var something = {[keyname] : 'zincoder'}
console.log(something) //{name: "zincoder"}
따라서 위와 같이 '[]'를 사용하여 KEY를 설정해주어야 KEY를 동적으로 할당할 수 있음.
728x90
'프론트엔드 > JAVASCRIPT' 카테고리의 다른 글
[JS] 객체 (0) | 2021.07.11 |
---|---|
[JS] this (0) | 2021.06.24 |
[JS] EVENT (0) | 2021.06.14 |
[JS] 자바스크립트의 Data Type (0) | 2021.06.13 |
[JS] BOM(Browser Object Model) (0) | 2021.06.13 |