JSON.stringify(), JSON.parse(), toJSON() 정리

2023. 9. 26. 22:01·프로그래밍 언어/JavaScript

JSON.stringify() 메서드

 

값이나 객체를 JSON 문자열로 변환한다.

let lee = {name : "이용진", age : "24", weight : "need_Diet"};
let newLee = JSON.stringify(lee);

console.log(newLee);

모든 문자열이 큰 따옴표로 둘러 싸인 JSON 형식의 문자열로 바뀐 것을 확인할 수 있다.

 

 

 

 

 

JSON.parse() 메서드

 

JSON 문자열을 JavaScript 객체로 변환한다.

let lee = `{"name" : "이용진", "age" : "24", "weight" : "need_Diet"}`;

let newLee = JSON.parse(lee);

console.log(newLee);

백틱으로 둘러 쌓인 JSON 문자열이 JS 객체로 바뀐 것을 확인할 수 있다.

 

 

 

+ 객체와 JSON 문자열의 주요 차이

 

객체(Object): 중괄호 {}로 묶인 속성-값(key-value) 쌍의 집합. 각 속성은 콜론(:)으로 구분되며, 키(key)와 값(value)은 콜론을 이용하여 연결됨

 

JSON 문자열: JSON 문자열은 모든 문자열이 큰따옴표(")로 둘러싸인 키-값(key-value) 쌍의 형식을 따름. JSON은 데이터 교환을 목적으로 디자인되었으며, 데이터를 텍스트 기반으로 표현

 

 

 

 

 

toJSON() 메서드

 

JavaScript의 Date 객체 데이터를 JSON 형식의 문자열로 변환한다.

const date = new Date();
const str = date.toJSON();
console.log(str);

'프로그래밍 언어 > JavaScript' 카테고리의 다른 글

DOM으로 Form 요소 접근  (0) 2023.09.29
DOM 기초 정리  (0) 2023.09.28
Array 객체의 여러 함수들  (0) 2023.09.26
자바스크립트 기초 훑기 - 2  (0) 2023.07.21
자바스크립트 기초 훑기 - 1  (0) 2023.07.19
'프로그래밍 언어/JavaScript' 카테고리의 다른 글
  • DOM으로 Form 요소 접근
  • DOM 기초 정리
  • Array 객체의 여러 함수들
  • 자바스크립트 기초 훑기 - 2
tteokbokki-master
tteokbokki-master
공부하며 알아가는 걸 조금씩 정리하고 있어요
  • tteokbokki-master
    용로그
    tteokbokki-master
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 프로그래밍 언어
        • HTML & CSS
        • JavaScript
        • React 기초
        • 파이썬 기초
        • TanStack-Query
        • C언어 기초
        • git
        • 리눅스
        • 코딩테스트 공부
      • 개발 지식
      • 언어학
        • 의미론
      • 회고 및 기록
      • 프로젝트
        • TodoList 만들기
        • 학수고대 프로젝트
      • 기타
        • [JS-0기] 한입 FE 챌린지
        • 서평
  • 인기 글

  • 글쓰기 / 관리
  • hELLO· Designed By정상우.v4.10.3
tteokbokki-master
JSON.stringify(), JSON.parse(), toJSON() 정리
상단으로

티스토리툴바