JSON 객체 다루기

이동엽·2022년 6월 30일
0

etc

목록 보기
2/5

JSON 객체 다루기

이번 글에서는 node.js를 공부하면서, 서버와 데이터를 주고 받는 과정에서 사용한 JSON에 대해 알아보겠다.


JSON(JavaScript Object Notation)

  • 위 단어의 축약어로, 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식이다.
  • 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순 데이터 표현 방법이다.

JSON 특징

  • 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다.
  • JSON 형식의 문서를 쉽게 자바스크립트 객체로 변환할 수 있는 이점이 있다.
  • JSON 문서 형식은 자바스크립트 객체의 형식을 기반으로 만들어졌다.
    • 자바스크립트의 문법과 굉장히 유사하지만, 텍스트 형식일 뿐이다.

JSON 문법

{
  "employees": [
    {
      "name": "Surim",
      "lastName": "Son"
    },
    {
      "name": "Someone",
      "lastName": "Huh"
    },
    {
      "name": "Someone else",
      "lastName": "Kim"
    } 
  ]
}
  • 객체마다 keyvalue 가 존재할 수 있다.
  • 문자열은 항상 쌍따옴표를 이용하여 표기한다.
  • 원하는 만큼 중첩시켜서 사용할 수도 있다.

JSON Parsing

  • JSON.parse() : json 정보가 문자열로 넘어올 때 사용하는 메소드
    • 문자열을 파싱하기 전, json 객체는 단순 문자열로 존재한다.
    • 파싱 후에는 인스턴스가 생성되고, 자바스크립트 객체로써 조작할 수 있다.
var jsonData = '{
	"name": "Soomthie",
	"age": 2
}';

var myJsonObject = JSON.parse(jsonData);
  • JSON.stringify() : json 객체를 다시 문자열화 하는 메소드
var json = {"test" : "value"}

var incodingData = JSON.stringify(json);

JSON 객체 다루기

  • 기존의 작성된 json 객체의 예시는 아래와 같다.
var Character = {
    '이름' : '유명한',
    '성별' : '남',
    '나이' : '38'
}
  • ‘성인여부' 라는 항목을 추가하는 방법
Character.성인여부 = true;

Character["성인여부"] = true;
  • ‘성인여부'라는 항목을 삭제하는 방법
delete Character.성인여부

[참고 자료]
https://velog.io/@surim014/JSON%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

https://smoothiecoding.kr/json-%EC%82%AC%EC%9A%A9%EB%B2%95/![](https://velog.velcdn.com/images/dongvelop/post/0c48acb0-3e7c-4fdc-ba92-e29bc783a25e/image.png)

profile
백엔드 개발자로 등 따숩고 배 부르게 되는 그 날까지

0개의 댓글