Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
Tags
- level0
- BOJ
- 프로그래머스
- 힙
- MYSQL
- dict
- 다익스트라
- python
- level3
- 운영체제
- 파이썬
- level2
- 그리디
- 가상메모리 관리
- dfs
- 백준
- 다이나믹 프로그래밍
- programmers
- 스택
- 가상메모리
- 수학
- 딕셔너리
- 코딩테스트
- DP
- level1
- 구현
- N과M
- 재귀
- 브루트포스
- BFS
Archives
- Today
- Total
동캄의 코딩도장
JS [JSON] 본문
서버와 통신
- fetch() API
- XMLhttprequest
- JSON
XML을 사용하지 않는 이유
- JSON이 나와서
Object
- Object로 이루어져있음
JSON 공부방법
- 직렬화 & 비직렬화
// JSON
// JavaScript Object Notation
// 1. Object to JSON
// stringify(obj)
let json= JSON.stringify(true);
console.log(json);
json = JSON.stringify(['apple','banana']);
console.log(json);
const rabbit ={
name:'tori',
color:'white',
size:'null',
birthDate: new Date(),
jump: ()=>{
console.log(`${name} can jump!`);
}
};
json=JSON.stringify(rabbit);
console.log(json);
json=JSON.stringify(rabbit,['name']);
console.log(json);
json=JSON.stringify(rabbit,(key,value)=>{
console.log(`Key: ${key}, value: ${value}`);
return key === 'name' ? 'ellie':value;
})
console.log(json);
// 2. JSON to obejct
// parse(json)
json=JSON.stringify(rabbit);
const obj=JSON.parse(json,(key,value)=>{
console.log(`Key: ${key}, value:${value}`);
return key ==='birthDate' ? new Date(value) : value;
});
console.log(obj);
// rabbit.jump();
// obj.jump(); --> 오류발생
console.log(rabbit.birthDate.getDate());
console.log(obj.birthDate);
'front > HTML&CSS&JS' 카테고리의 다른 글
JS [promise] (0) | 2022.01.25 |
---|---|
JS [call back] (0) | 2022.01.25 |
JS [array API] (0) | 2022.01.24 |
JS [array] (0) | 2022.01.24 |
JS [Object] (0) | 2022.01.24 |