본문 바로가기
프론트엔드/JavaScript

JS 데이터 - JSON

by step 1 2021. 6. 3.
반응형

JSON

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

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

 

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

위키백과, 우리 모두의 백과사전. JSON(제이슨[1], JavaScript Object Notation)은 속성-값 쌍( attribute–value pairs and array data types (or any other serializable value)) 또는 "키-값 쌍"으로 이루어진 데이터 오브젝트를

ko.wikipedia.org

 

하나의 문자 데이터

import되어지면 객체데이터로 출력된다.

 

JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환

JSON.parse() 메서드는 JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성

// JSON 
// 자바스크립트의 객체 표기법
// json 파일 가져오기
import myData from './myData.json'
console.log(myData)

const user = {
  name: 'happy',
  age: 89,
  email: [
    'ttt@naver.com',
    'eee@naver.com'
  ]
}
console.log('user', user)

// json형식 (문자데이터)으로 변환
const str = JSON.stringify(user)
console.log('str', str)
console.log(typeof str)

// 자바스크립트에서 해석되는 객체로 저장
const obj = JSON.parse(str)
console.log('obj', obj)

참고 사이트

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON

 

JSON - JavaScript | MDN

JSON 객체는 JavaScript Object Notation(JSON)을 분석하거나 값을 JSON으로 변환하는 메서드를 가지고 있습니다. JSON을 직접 호출하거나 인스턴스를 생성할 수 없으며, 두 개의 메서드를 제외하면 자신만

developer.mozilla.org

 

반응형

'프론트엔드 > JavaScript' 카테고리의 다른 글

JS 데이터 - OMDB API  (0) 2021.06.05
JS 데이터 - Storage  (0) 2021.06.04
JS 데이터 - lodash 사용  (0) 2021.06.03
JS 데이터 - 가져오기, 내보내기  (0) 2021.06.03
JS 데이터 - 복사  (0) 2021.06.01