티스토리 뷰

JavaScript & TypeScript

9. JSON

kingsubin 2020. 11. 15. 13:21

JSON (JavaScript Object Notation)

  • simplest data interchange format
  • lightweight text-based structure
  • easy to read
  • key - value pairs
  • used for serialization and transmission of data between the network and the network connection
  • independent programming language and platform

 

 

1. Object to JSON

  • stringify (obj)
let json = JSON.stringify(true);
console.log(json); // true

json = JSON.stringify(["apple", "banana"]);
console.log(json); // ["apple", "banana"]

const rabbit = {
	name: 'tori',
	color: 'white',
	size: null,
	birthDate: new Date(),
	jump: () => {
		console.log(`${name} can jump!`);
	}
};

json = JSON.stringify(rabbit); // method와 symbol은 X
console.log(json); // {"name":"tori","color":"white","size":"null,
		// "birthDate":"2020-05-29T13:20:22.670Z"}

json = JSON.stringify(rabbit, ['name']); // {"name":"tori"}
json = JSON.stringify(rabbit, (key, value) => {
	return key === 'name' ? 'ellie' : value;
});

 

 

2. JSON to Obejct

  • parse (json)
json = JSON.stringify(rabbit);
const obj = JSON.parse(json, (key, value) => {
	return key === 'birthDate' ? new Date(value) : value;
});
console.log(obj);
rabbit.jump(); // can jump !
obj.jump(); // error

console.log(rabbit.birthDate.getDate); // 29
console.log(obj.birthDate.getDate()); // 29

 

 

 


※출처

www.youtube.com/channel/UC_4u-bXaba7yrRz_6x6kb_w

'JavaScript & TypeScript' 카테고리의 다른 글

11. Promise  (0) 2020.11.15
10. Callback  (0) 2020.11.15
8. Array APIs  (0) 2020.11.14
7. Array, API  (0) 2020.11.14
6. what is object  (0) 2020.11.14