2023. 5. 10. 19:00ㆍProgramming/기술 정리
요일별 통계쿼리 데이터를 무한정적 동적으로 셋팅하거나,
id값이 계속해서 달라지는 신청서 form의 값을 프론트=> 백으로 전송하기 위해 찾았던 방법이다.
let obj = {};
var column= ["key1","key2","key3"];
var data = ["test1","test2","test3"];
첫번째로 시도했던 방법은
for(var i =0 ; i< column.length; i++){
obj.column[i] = data[i];
}
그러나 Cannot set properties of undefined(setting '0') 오류가 나오면서,
객체의 값을 동적으로 가져오는데 실패.
두번째로 시도했던 방법은
for(var i = 0; i< column.length; i++){
obj.column = data[i];
}
이 경우 오류는 나지않았지만, obj객체에 key값이 column이라는걸 객체에 지정하는 방법이기때문에
최종적으로 obj에 key값이 column인 value 3만 남기때문에 본래의 의도와는 맞지 않았다.
여러가지 삽질 끝에 방법을 몇개 찾았고,
그중 가장 깔끔하게 동적인 key를 가진 obj를 얻어오는 방법
for(var i = 0; i< column.length; i++){
obj[column] = data[i];
}
obj= {"key1": "test1", "key2": "test2", "key3": "test3" };
'Programming > 기술 정리' 카테고리의 다른 글
[JAVA] Mybatis, Ibatis LIST 파라미터 전달하기 (0) | 2023.06.16 |
---|---|
[Java] Null pointer exception 해결하기, 문자열 null 체크하기. 빈객체 체크하기 (0) | 2023.05.30 |
[JAVA] 게시판 작성하기3 Backend에서 받는 첨부파일 포함 VO 만들기 (0) | 2023.05.21 |
[javascript] 게시판 작성하기2 - 일반 value, 동적인 key를 가진 obj, 파일전송 함수 구현하기 (0) | 2023.05.15 |
[javascript] 게시판 작성하기1 - 파일 다중 첨부 기능 구현하기(프론트) (0) | 2023.05.14 |