javaScript(JSON)

seven2649·2022년 6월 30일
0

javascript(basic) 모음

목록 보기
21/23
post-thumbnail

JSON


JSON(JavaScript Object Notation)은 자바스크립트의 데이터를 표현하는 하나의 포맷이다.
속성-값 쌍(attribute–value pairs), 배열 자료형(array data types) 또는 기타 모든 시리얼화 가능한 값(serializable value) 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위해 사람이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다.

인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다.

기본 자료형

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

JSON.stringify(), JSON.parse() 활용한 예제

JSON.stringify()

JavaScript 개체 또는 값을 JSON 문자열로 변환하고, 대체 함수가 지정된 경우 선택적으로 값을 대체하거나 선택적으로 대체 배열이 지정된 경우 지정된 속성만 포함한다.

JSON.parse()

JSON 문자열을 구문 분석하여 문자열에서 설명하는 JavaScript 값 또는 개체를 구성한다. 결과 객체가 반환되기 전에 변형을 수행하기 위해 선택적 되살리기 기능이 제공될 수 있다.

JSON

{
  "string": "Winnie",
  "number": 123,
  "boolean": true,
  "null": null,
  "object": {},
  "array": []
}

js

// myData.json파일 불러오기
import myData from './myData.json'

// myData값 확인
console.log(myData)

const user = {
  name: 'winnie',
  age: 20,
  emails: [
    'qwe3364@gmail.com',
    'seven3364@gmail.com'
  ]
}
console.log('user', user)

// 값을 JSON 문자열로 변환
const str = JSON.stringify(user)
console.log('str', str)
// str의 typeof확인
console.log(typeof str)
// 분석 후 js에서 사용할수 있게 재조립
const obj = JSON.parse(str)
console.log('obj', obj)

결과

profile
웹디자이너, 퍼블리셔 3년차 + 프론트엔드 신입

0개의 댓글