ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 9. JSON
    JavaScript & TypeScript 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
킹수빈닷컴