반응형
INTRO
Javascript 에서 json 데이터를 만드는
2가지 방법에 대해 소개한다.
1. 객체 생성 후 값 넣어주기 (동적 json 생성에 적합) |
--> 1 Depth
--> 단순한 구조이다.
let Item1 = new Object();
Item1.name = '예약 취소';
Item1.id = '954';
console.log(Item1);
--> 2Depth
--> 위 1Depth에서 생성된 Object들을 배열로 담아준다.
let arrItem1 = new Array();
let Item1 = new Object();
Item1.name = '예약 취소';
Item1.id = '954';
arrItem1.push(Item1);
console.log(arrItem1);
--> 이런 식으로 새로운 Object를 생성하고, 이를 배열 안에 넣어주면서 여러 Depth의 Json데이터를 만들 수 있다.
--> 동적인 Json을 만들 때 주로 이런 방법으로 처리한다.
--> 여기서 push 후, Item1 변수에 다른 값을 넣어 다시 push 해본 결과 값이 제대로 들어가지 않았다.
예를 들면 아래와 같이 만들었다.
--> 이유는 아직 잘 모르겠으나, C,C++환경에서 넘어오다보니 위와 같은 현상이 익숙하지 않았다.
--> 아래와 같이 다시 new Object로 객체를 생성해주니 정상 동작하였다.
2. json 데이터로 선언 (정적 json생성에 적합) |
--> 기존 json 형식과 비슷하다.
let elements =
[
{
element1: [
{
name: '예약 취소1',
id: '11',
},
{
name: '예약 취소2',
id: '22',
},
],
sessionKey: 'sessiontest',
username: 'usertest',
}
]
console.log(elements);
-->정적인 json 형식을 처리하기에 적합하다.
-퍼가실 때는 출처를 꼭 같이 적어서 올려주세요!
반응형
'Dev > [Javascript]' 카테고리의 다른 글
[javascript] 실행 컨텍스트(Execution Context) (1) | 2023.01.10 |
---|---|
[javascript] ES6 - 화살표 함수(Arrow function) (0) | 2023.01.07 |
[javascript] ES6 - 템플릿 리터럴(template literals) (0) | 2023.01.04 |
[javascript] var, let, const 차이점 (0) | 2023.01.03 |
[javascript] bootstrap datatable 사용해보기 (0) | 2021.11.03 |