본문 바로가기

JavaScript/DAY 35 _ 23.10.12

JSON

        // JSON : 데이터 교환 형식
        // JavaScript 객체와 유사한 데이터 구조를 나타내는 문자열 형식입니다. 
        // JSON은 JavaScript에서 데이터를 표현하고 다른 시스템과 데이터를 교환하는 데 널리 사용됩니다.

        // 1. JSON.parse(): 
        // --> JSON 문자열을 JavaScript 객체로 변환합니다.

        const jsonString = '{"name": "Alice", "age": 30}';
        const person = JSON.parse(jsonString);
        console.log(person.name); // "Alice"

       

        // 2. JSON.stringify(): 
        // --> JavaScript 객체를 JSON 문자열로 변환합니다.

        const person2 = { name: "Bob", age: 25 };
        const jsonString2 = JSON.stringify(person2);
        console.log(jsonString2); // '{"name":"Bob","age":25}'

 

// =====================

 const aaa = {
            name : "한조", 
            score : 99,
            age : 30
        };

        console.log(aaa.name, aaa.score, aaa.age);              // 한조 99 30 잘나온당

        // 내멋대로 해체ㅎ.ㅎ....
        const {name, score, age} = aaa;
        console.log(name, score, age);      // 한조 99 30
        console.log(name, age);             // 한조 30


        // 찐찐찐 활용방법★★★ 
        const bbb = {
            list : [4, 7, 8, {
                q : "배열안에 또 넣을 수 있꼬",
                w : 777
            }, 9],

            v1 : "문자열도들어가고",

            v2 : true,

            child : {
                a : "안쪽에 {}열고 넣을 수도 있고",
                b : [true, "배열도된다구", 123]
            },

            study : () => {
                console.log("함수도 넣을 수는 있지만, 자주사용 X");
                return "이렇게";
            }
        };

        console.log(bbb.list[3].q);
        console.log(bbb.child.b[1]);
        console.log(bbb.study());


        const ccc = {
            a : "안녕",
            b : 100
        };

 

// ====================

        @@ 문법

        // 1. JS에서 JAVA로 넘길 때 : JSON.stringify()
        const jsonString3 = JSON.stringify(ccc); // 직렬화 : JavaScript 객체를 JSON 문자열로 변환
        console.log(jsonString3);                // {"a":"안녕","b":100} 이렇게 만들어서 자바로 넘기겠찌

        // 2. JAVA에서 JS로 넘길 때 : 
        const ddd = JSON.parse(jsonString3);     // 역직렬화 : JSON 문자열을 JavaScript 객체로 변환
        console.log(ddd);                        // {a: '안녕', b: 100} 이렇게 받아와서
        console.log(ddd.a);                      // 안녕 -> 이런식으로 사용하면되겠지

 

'JavaScript > DAY 35 _ 23.10.12' 카테고리의 다른 글

Class★  (0) 2023.10.12
Class basic, prototype  (0) 2023.10.12
closure function2  (0) 2023.10.12
closure function  (0) 2023.10.12
return  (0) 2023.10.12