관리 메뉴

Silver Library (Archived)

Json data 를 JS 로 전환하는 법. 본문

Face the fear, build the future/Library of Logging

Json data 를 JS 로 전환하는 법.

Ayin Kim 2022. 10. 2. 11:42
반응형

같이 협동해보며 느낀점은 제가 이를 따로, 스스로가 정립 할 필요가 있어 보인다는 결론에 다다랐습니다.

 

그래서 json 같은 array 타입의 경우, 어떻게 JS 파일 내에서 구성을 할 것인가?

이 질문은 할 때마다 매번 되네이면서 의문을 가져다주었습니다.

 

그래서 저는 제가 습득하고 배운 방식으로 진행 해 보려고 합니다.

json.parse 와 json.stringify() method 로 말이죠.

 

1. Object 로 변환하는 법. (json.parse)

const userJSONData = `{
	"name": "Toko Amano",
    "age": "17",
    "city": "Tokyo"
}`;

const userObj = JSON.parse(userJSONData);
console.log(userObj);

이러면 콘솔 창에서 해당 object(userJSONData)의 properties 들이 출력됩니다.

 

2. 그럼 이걸 다시 JSON Data 형식으로 변환하려면?

const userObj = {
	name: "Toko Amano",
    age: 2,
    city: "Tokyo"
}

const userJSONData = JSON.stringify(userObj);
console.log(userJSONData);

이러면 콘솔 창에서 array 형태로서 출력되는 걸 확인할 수 있습니다.

 

현재로서는 딱 이 두가지만 알아두고자 합니다. 혼란스러울수록, 없어 보이더라도 low field 부터 정복해나가는게 중요할테니까요.