반응형
JSON
인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다.
https://ko.wikipedia.org/wiki/JSON
하나의 문자 데이터
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
반응형
'프론트엔드 > 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 |