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 부터 정복해나가는게 중요할테니까요.
'Face the fear, build the future > Library of Logging' 카테고리의 다른 글
Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag (0) | 2022.10.26 |
---|---|
사이드 프로젝트 [계획서] - anime jikan api (0) | 2022.10.23 |
독학하며 알게된 Reverse Engineering (0) | 2022.10.23 |
[JS] 그래서 local json file 을 읽어 들이려면? (0) | 2022.10.21 |
[프로젝트 계획] localstorage 내부의 API json 과 react useState (1) | 2022.08.24 |