본문 바로가기
웹프로그래밍/Javascript|JQuery|Jsp

[JSP/JAVASCRIPT] JSON ARRAY KEY 동적으로 생성하여 값 출력하기

by Seras 2022. 4. 5.
반응형
[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

 

반응형