//JSON, JavaScript Object Notation
- 자바스크립트 객체 표기법
- 자바스크립트의 객체를 문자열로 표현할 때 사용하는 포맷
- 자바스크립트에서 사용 중인 데이터(객체)를 외부 환경(파일입출력, 네트워크)에 전달
> 하나의 문자열로 표현하는 방법 > JSON
- XML과 함께 데이터 전달용으로 많이 사용
- 언어 독립적 > 대부분의 언어/환경에서 JSON 지원
- 프로퍼티(키)와 값은 반드시 쌍따옴표로만 묶는다.(홑따옴표, 역따옴표 불가능)
* 값이 숫자 또는 boolean이면 그냥 표현 가능
- 메서드 표현 불가능 > 데이터(변수)만 표현 가능
https://jsonformatter.curiousconcept.com/ 참고
// Object -> JSON
- JSON.stringify()
- JSON은 undefined가 지원되지 않으므로 null로 변환된다.
const hong = {
name: '홍길동',
age: 20,
gender: 'male',
hello: function() {
console.log(this.names);
},
nick: ['고양이', '바보'],
address: {
sido: '서울시',
gugun: '강남구',
ong: '역삼동'
}
};
let str = JSON.stringify(hong); //JSON 형태로 인코딩한 결과물 > 직렬화
console.log(str);
console.log(typeof hong);
console.log(typeof str);
// JSON -> Object
- JSON.parse()
const data = '{"name": "홍길동", "age": 20}';
const result = JSON.parse(data);
'클라이언트 > JavaScript' 카테고리의 다른 글
[자바스크립트(JavaScript)] == vs === (1) | 2023.11.13 |
---|---|
[자바스크립트(JavaScript)] Template Literals(템플릿 리터럴) (0) | 2023.11.13 |
jQuery UI (0) | 2023.05.02 |
jQuery (0) | 2023.05.01 |
CSS 조작 (0) | 2023.04.27 |