[JS] JavaScript JSON 활용방법

 

🧀 JSON이란?

JSON
(제이슨[1], JavaScript Object Notation)은 속성-값 쌍
( attribute–value pairs and array data types (or any other serializable value)) 또는
"키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해
인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다.

• 속성-값 쌍
• 브라우저/서버통신 (AJAX)
• 서버와의 통신에서 데이터를 주고 받는 포맷
• JSON의 공식 미디어 타입은 applicaiton/json 이며 JSON의 확장자는 .json

https://ko.wikipedia.org/wiki/JSON

JSON - 위키백과, 우리 모두의 백과사전

 

 

 

🧀 JSON의 기본 자료형

• 수(Number)
• 문자열(String): 0개 이상의 유니코드 문자들의 연속. 문자열은 큰 따옴표(")로 구분하며 역슬래시 이스케이프 문법을 지원한다.
• 참/거짓(Boolean): true 또는 false 값
• 배열(Array): 0 이상의 임의의 종류의 값으로 이루어진 순서가 있는 리스트. 대괄호로 나타내며 요소는 쉼표로 구분한다.
• 객체(Object): 순서가 없는 이름/값 쌍의 집합으로, 이름(키)이 문자열이다.
• null: 빈 값으로, null을 사용한다.

// JSON (Javascript Object Noration)
// 자바스크립트의 객체 표기법

import myData from './myData.json'

console.log(myData) // JSON은 하나의 문자데이터
// 객체데이터로 활용가능.
// 객체 데이터 속성은 ''로 작성도 가능.
// 속성명에 특수기호가 들어가면 ''로 작성.

const user = {
  name: 'HEROPY',
  age: 85,
  eamils: [
    'thesecon@gmail.com',
    'neo@zillinks.com'
  ]
}
console.log('user', user)

// stringify => 문자데이터
const str = JSON.stringify(user)
console.log('str : ', str)
console.log(typeof str)

// parse => 객체데이터
const obj = JSON.parse(str)
console.log('obj : ', obj)