나의 개발일지

Array로 JsonData 만들어보기 본문

프로그래밍 언어/JS & jQuery

Array로 JsonData 만들어보기

인공지능싱글톤 2023. 6. 16. 17:09

형식01

let arr = ["홍길동", "김철수", "이순신"];

let jsonData = [];
let Item;
for (let i = 0; i < arr.length; i++) {
    Item = {};
    Item["name"] = arr[i];
    Item["value"] = i
    jsonData.push(Item);
}

// json to string
const jsonToString = JSON.stringify(jsonData);
alert(jsonToString);

// string to json
const stringToJson = JSON.parse(jsonToString);
alert(typeof stringToJson);

jsonData 결과 [{"name":"홍길동","value":0},{"name":"김철수","value":1},{"name":"이순신","value":2}]

 

 

형식02

let arr = ["홍길동", "김철수", "이순신"];

let jsonData = {}
let data_arr = [];
let Item;
for (let i = 0; i < arr.length; i++) {
    Item = {};
    Item["name"] = arr[i];
    Item["value"] = i
    data_arr.push(Item);
}
//jsonData.data = data_arr; (이렇게 사용해도 됨)
jsonData["data"] = data_arr;

// json to string
const jsonToString = JSON.stringify(jsonData);
alert(jsonToString);

// string to json
const stringToJson = JSON.parse(jsonToString);
alert(typeof stringToJson);

jsonData 결과 {"data":[{"name":"홍길동","value":0},{"name":"김철수","value":1},{"name":"이순신","value":2}]}

 

만약 여러개 추가하고 싶은경우

예를들어 jsonData["total"] = 3; 을 추가하면 된다.

{"data":[{"name":"홍길동","value":0},{"name":"김철수","value":1},{"name":"이순신","value":2}],"total":3}