JSON 객체

2019. 10. 16. 01:04·Web/Javascript

 

1. 정의

JavaScript Object Notation

자바스크립트 객체의 형태를 가지는 문자열.

 

2. 특징

  1. 객체, 배열, 문자열, null, Boolean 만 담을 수 있음

  2. Key-Value 쌍으로 이루어짐

  3. Key는 따옴표로 묶이지 않고 Value는 '나 " 따옴표로 묶임.

 

 

3. JSON 내장 함수

 

3_1 JSON.stringify()

Interface JSON.stringify(javascript object)
Input JavaScript Object
Output JSON String
Function

JavaScript Object를 JSON String으로 변환 

 

※JSON String은 모두 "" 쌍따옴표로 묶임

 

 

3_2 JSON.parse()

Interface JSON.parse(JSON String)
Input JSON String
Output JavaScript Object
Function

JSON String을 JavaScript Object로 변환.

 

 

4. 예제

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
JavaScript vs JSON object
 
var JSONobj = {
  name: "KSH",
  group: "Naksung-University",
  Address: "Seoul City"
};
 
console.log(JSONobj);
 
// stringify() : Javascript 객체를 JSON 문자열로 변환
// parse(): JSON 문자열을 자바스크립트 객체로 변환.
console.log(JSON.stringify(JSONobj));
 
 

 

JSON String은 Property - Value 모두 "" (쌍따옴표) 로 묶여있다.

 

1
2
3
4
5
6
7
8
9
10
var JSONobj = {
  name: "KSH",
  group: "Naksung-University",
  Address: "Seoul City"
};
 
var JavaScriptObject = JSON.parse(JSON.stringify(JSONobj))
 
console.log(JavaScriptObject);
 
 

 

다시 JavaScript Object Format으로 출력되었다.

5. JSON 존재이유?

JavaScript vs JSON object

JSON은 객체, 배열, 숫자, 문자열, 불리언과 null을 직렬화하기 위한 구문으로, JavaScript 구문에 기반을 두고 있지만 분명한 차이점을 가지고 있습니다. 즉, 어떤 JavaScript는 JSON이 아닙니다 -- 출처: MDN 

 

Network상에서 주고받는 object는 모두 직렬화가 이루어지게된다.

read, wrtie Buffered 

 

JSON은 직렬화된 형태의 객체로 Network 상 Interaction에 필수이다.

 

'Web > Javascript' 카테고리의 다른 글

선언 vs 익명 함수 우선순위  (0) 2019.10.16
JavaScript 배열  (0) 2019.10.16
Call Back 함수  (0) 2019.10.15
5. 객체 뽀개기  (0) 2019.10.08
2. document.querySelector();  (0) 2019.10.05
'Web/Javascript' 카테고리의 다른 글
  • 선언 vs 익명 함수 우선순위
  • JavaScript 배열
  • Call Back 함수
  • 5. 객체 뽀개기
M_Falcon
M_Falcon
  • M_Falcon
    Falcon
    M_Falcon
  • 전체
    오늘
    어제
    • 분류 전체보기 (429) N
      • Web (16)
        • Nodejs (14)
        • Javascript (23)
        • FrontEnd (4)
      • DataBase (39)
        • Fundamental (1)
        • Redis (4)
        • PostgreSQL (10)
        • NoSQL (4)
        • MySQL (9)
        • MSSQL (3)
        • Error (4)
      • Algorithm (79)
        • Algorithm (문제풀이) (56)
        • Algorithm (이론) (23)
      • JVM (64) N
        • Spring (13)
        • JPA (5)
        • Kotlin (13)
        • Java (23) N
        • Error (7)
      • 기타 (68)
        • Kafka (3)
        • Kubernetes (3)
        • Docker (12)
        • git (19)
        • 잡동사니 (26)
      • 재테크 (11)
        • 세무 (4)
        • 투자 (3)
        • 보험 (0)
      • BlockChain (2)
        • BitCoin (0)
      • C (32)
        • C (10)
        • C++ (17)
        • Error (3)
      • Low Level (8)
        • OS (3)
        • 시스템 보안 (5)
      • 네트워크 (3)
      • LINUX (30)
        • Linux (26)
        • Error (4)
      • 저작권과 스마트폰의 이해 (0)
      • 생각 뭉치 (6)
      • 궁금증 (2)
      • Private (4)
        • 이직 경험 (0)
        • 꿈을 찾아서 (1)
      • Android (21)
        • OS (4)
  • 블로그 메뉴

    • 홈
    • WEB
    • 알고리즘
    • DataBase
    • Linux
    • Mobile
    • C
    • 방명록
  • 링크

    • github
  • 공지사항

  • 인기 글

  • 태그

    ubuntu
    Bitcoin
    java
    C++
    database
    알고리즘
    android
    JPA
    백준
    PostgreSQL
    algorithm
    Git
    Spring
    javascript
    프로그래머스
    linux
    Programmers
    kafka
    Kotlin
    docker
  • hELLO· Designed By정상우.v4.10.3
M_Falcon
JSON 객체
상단으로

티스토리툴바