Easy is Perfect

[Javascript] json (js object) 값을 String으로 만들기(toString), JSON.stringify 사용과 console 출력하는 방법

  • melonicedlatte
  • Jan 11, 2023


1. 문제점

json 형태로 얻은 data 값을 출력할 때, 정상적으로 출력이 되지 않고 [object Object] 와 같이 출력되는 경우가 있습니다. toString을 하면 아래와 같이 출력되는 것을 확인할 수 있습니다.

image

let abc =   {
    "name": "james",
    "age": 29,
    "powers": [
      "1",
      "2",
      "3"
    ]
  }

const result = abc.toString()
'[object Object]'

// 결과
// '[object Object]'

console에 원하는 json을 출력하거나, json 으로 얻은 data 를 string으로 만들고 싶을 때는 어떻게 해야 할까요?

2. 해결방법

이 때, JSON.stringify() 함수를 사용하면 원하는 json 을 string 으로 만들 수 있습니다.

image

let abc =   {
    "name": "james",
    "age": 29,
    "powers": [
      "1",
      "2",
      "3"
    ]
  }

const result = JSON.stringify(abc)

// 결과
// '{"name":"james","age":29,"powers":["1","2","3"]}'

위와 같이 손쉽게 json 을 string 문자열로 변경할 수 있는 것을 확인할 수 있습니다.




Search