🗃️javascript/이론정리

JSON 문자열과 객체 다루기

하얀성 2023. 10. 26. 11:06

JSON.stringify() : 객체 ㅡ> Json 문자열(string자료형)

JSON.parse()  : Json문자열 ㅡ> 객체(object 자료형)

//10.14과제

const jsObject = [{
  name: 'lee',
  song: 'good'
},{
  name: 'park',
  song: 'withyou'
}];

const outputA = JSON.stringify(jsObject)
//json문자열로 값을 변환(객체 등으로 표현된 데이터를 문자열로 다루기 쉽게끔함)
const outputB = JSON.stringify(jsObject, null, 2);//2칸만큼 들여쓰기
console.log(typeof(outputA)) //string
console.log(outputA) // [{"name":"lee","song":"good"},{"name":"park","song":"withyou"}]
console.log('------')
console.log(outputB) 

//출력내용
// [
//   {
//     "name": "lee",
//     "song": "good"
//   },
//   {
//     "name": "park",
//     "song": "withyou"
//   }
// ]

console.log('----------')

const outputC = JSON.parse(outputB) // Json 문자열을 js객체로 변경
console.log(typeof(outputC)) // object
console.log(outputC) // [ { name: 'lee', song: 'good' }, { name: 'park', song: 'withyou' } ]