본문 바로가기

자바스크립트

JavaScript 표준 내장 객체 - JSON

 

 

 

 

JSON이란?

   - JavaScript Object Notation, 데이터 전달을 위한 표준 데이터 포맷입니다.

   - 문자, 숫자, 불린, Null, 객체, 배열만 사용할 수 있습니다.

   - 함수나 undefined는 사용할 수 없습니다.

   - 문자는 큰 따옴표만 사용할 수 있으며, 후행 쉼표는 사용 불가합니다. 

   - .json 확장자를 가진 파일을 사용 가능합니다.

// test.json
const user_json = {
    "name" : "A",
    "age" : 15,
    "isValid": true,
    "emails":["123@456.789" , "987@654.321"]
}


// main.js
const user_obj = {
    name : 'A',
    age : 15,
    isValid: true,
    emails:['123@456.789' , '987@654.321'], // 후행 쉼표
}

 

 

 

 

stringify

const user_obj = {
    name : 'A',
    age : 15,
    isValid: true,
    emails:['123@456.789' , '987@654.321'], // 후행 쉼표
}

console.log(user_obj)
console.log(JSON.stringify(user_obj))

   - Object 데이터를 Json데이터형식으로 문자화하여 만듭니다.

user_obj와 user_obj를 JSON형식 문자열로 반환한 결과

 

 

 

 

 

parse

const user_obj = {
    name : 'A',
    age : 15,
    isValid: true,
    emails:['123@456.789' , '987@654.321'], // 후행 쉼표
}

const user_json_string = JSON.stringify(user_obj)

console.log(user_json_string)
console.log(JSON.parse(user_json_string))

   - JSON 형식 문자열을 Object 데이터로 변환시키는 메서드입니다.

JSON.parse