반응형
[JSP/JAVASCRIPT] JSON ARRAY KEY 동적으로 생성하여 값 출력하기
1. JSON ARRAY KEY 동적으로 생성하여 값 출력하기
// json 데이터
// 배열 0번째
// key : name1 , value : 홍길동 , key : age , value : 13
// 배열 1번째
// key : name1 , value : 리마리오 , key : age , value : 10
// 배열 2번째
// key : name1 , value : 베이비 , key : age , value : 5
var jsonData = {data:[{name1:'홍길동', age:13}, {name1:'리마리오', age:10}, {name1:'베이비', age:5}, {name1: '아이돌', value:40}]};
// json 추출 키값 생성
var arrayT = [];
for(var i=0; i<6; i++){
arrayT.push('name' + i);
// name1 key 값 생성
}
var keyt = arrayT[1];
// 키 name1 확인
alert('keyt:: ' + keyt);
// 추출
alert(jsonData.data[0][keyt]);
2. 설 명
{data:
[
{name1:'홍길동', age:13}, //data 0번째
{name1:'리마리오', age:10}, //data 1번째
{name1:'베이비', age:5}, //data 2번째
{name1: '아이돌', value:40} //data 3번째
]
};
배열의 경우 반드시 위치를 넣어줘야 하고 key, name은 동일하게 사용하면 된다.
jsonData.data[0].name1 = 홍길동
jsonData.data[1].name1 = 리마리오
jsonData.data[1].age = 10
반응형
'웹프로그래밍 > Javascript|JQuery|Jsp' 카테고리의 다른 글
이클립스(eclipse) 안의 파일 첨부,파일 다운로드, 파일 경로 설정 (0) | 2021.11.26 |
---|---|
javascript null, 공백, 빈값 체크 (0) | 2021.11.25 |
jquery, javascript append list 추가 (0) | 2021.11.25 |
input box data 값 삽입 및 불러오기 (0) | 2021.11.19 |
jquery 부모창 값 넘기기, 이벤트 실행 간단한 예제 (0) | 2021.11.18 |