JSON, 객체를 오류없이 문자열로 변환하기, [object Object] 나오는 이유, JSON의 사용방법

 

JSON이란? 

JSON은 JavaScript Object Notation의 줄임말로, 서로 다른 프로그램 사이에서 데이터 교환을 위해 만들어진 객체 형태의 포맷이다.

이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다.

네트워크를 통해, 어떤 객체 내용을 다른 프로그램에게 전송한다고 가정할 때, 메시지를 보내는 발신자와 메시지를 받는 수신자가 같은 프로그램을 사용하거나, 문자열처럼 범용적으로 읽을 수 있는 형태여야 한다.

 

객체는 타입 변환을 이용해 String으로 변환할 경우 객체 내용을 포함하지 않는다.

JavaScript에서 객체를 문자열로 변환하기위해 메서드(message.toString())나 형변환(String(message))을 시도하면, [object Object] 라는 결과를 리턴합니다.

 

👇👇👇이 문제를 해결하는 방법👇👇👇

객체를 JSON의 형태로 변환하거나 JSON을 객체의 형태로 변환하자!! 

• JSON.stringify : 객체를 JSON(문자열**)으로 변환 // 직렬화(serialize)
• JSON.parse : JSON을 객체로 변환 // 역직렬화(deserialize)

 

**JSON으로 변환된 객체의 타입은 문자열이기 때문!!

 

---

객체 Object와 JSON의 표기 방법 

	자바스크립트 객체	JSON
키	키는 따옴표 없이 쓸 수 있음.  {key:"property"}	반드시 큰따옴표로 감싸야 함 '{"key":"property"}'
문자열 값	작은따옴표도 사용 가능 {key:'property'}	반드시 큰따옴표로 감싸야 함 '{"key":"property"}'
키와 값 사이 공백	사용 불가능 {key:"property"}	사용 가능 '{"key" : "property"}'
키-값 쌍 사이 공백	사용 가능 {key:"property", num:1}	사용 불가능 '{"key":"property","num":1}'

 

참고)

https://www.json.org/json-en.html

 

 

😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓