티스토리 뷰

Javascript

JavaScript 데이터 저장하기 객체

babydeveloper 2022. 2. 15. 19:08

10. 객체 : 데이터를 저장(키와 값) 표현방법1

{
    const obj = new Object();
    obj[0] = 100;
    obj[1] = 200;
    obj[2] = "Javascript";
    
    document.write("*** 10. 객체 ***");
    document.write(obj[0]);
    document.write(obj[1]);
    document.write(obj[2]);
}

결괏값

100
200
Javascript


11. 객체 : 데이터를 저장(키와 값) 표현방법2

{
    const obj = new Object();
    obj.a = 100;
    obj.b = 200;
    obj.c = "Javascript";
    
    document.write("*** 11. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결괏값

100
200
Javascript


12. 객체 : 데이터를 저장(키와 값) 표현방법3

{
    const obj = {};
    obj.a = 100;
    obj.b = 200;
    obj.c = "Javascript";
    
    document.write("*** 12. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결괏값

100
200
Javascript


13. 객체 : 데이터를 저장(키와 값) 표현방법4

{
    const obj = {a: 100, b: 200, c:"Javascript"};

    document.write("*** 13. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결괏값

100
200
Javascript


14. 객체 : 데이터를 저장(키와 값) 표현방법5

{
    const obj = [
    {a: 100, b: 200},
    {c: "javascript"}
    ];

    document.write("*** 14. 객체 ***");
    document.write(obj[0].a);
    document.write(obj[0].b);
    document.write(obj[1].c);
}

결괏값

100
200
Javascript


15. 객체 : 데이터를 저장(키와 값) 표현방법6

{
    const obj = {
        a:100,
        b: [200, 300],
        c: {x: 400, y: 500},
        d: "Javascript"
    }

    document.write("*** 15. 객체 ***");
    document.write(obj.a);
    document.write(obj.b[0]);
    document.write(obj.b[1]);
    document.write(obj.c.x);
    document.write(obj.c.y);
    document.write(obj.d);
}

결괏값

100
200
300
400
500
Javascript


16. 객체 : 데이터를 저장(키와 값) 표현방법7

{
    const a = 100;
    const b = 200;
    const c = "Javascript";

    const obj = { a, b, c }

    document.write("*** 16. 객체 ***");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

결괏값

100
200
Javascrip


17. 객체 : 데이터를 저장(키와 값) 표현방법8

{
    const obj = {
        a: 100,
        b: [200, 300],
        c: {x:400, y:500},
        d: "Javascript",
        e: function(){
            document.write("Javascript가 실행되었습니다.");
        },
        f: function(){
            document.write(obj.d + "가 실행되었습니다.")
        },
        g: function(){
            document.write(this.d + "가 실행되었습니다.")
        }
    }

    document.write("*** 17. 객체 ***"");
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.b[0]);
    document.write(obj.b[1]);
    document.write(obj.c.x);
    document.write(obj.c.y);
    document.write(obj.d);
    obj.e();
    obj.f();
    obj.g();    
}

결괏값

100
200,300
200
300
400
500
javascript가 실행되었습니다.
javascript가 실행되었습니다.
javascript가 실행되었습니다.

 

참조사이트

 

자바스크립트

결과보기 100 200,300 200 300 400 500 javascript가 실행되었습니다. javascript가 실행되었습니다. javascript가 실행되었습니다.

parkjongho1.github.io

 

반응형

'Javascript' 카테고리의 다른 글

데이터 불러오기02  (0) 2022.02.21
데이터 불러오기01  (0) 2022.02.21
JavaScript 데이터 저장하기 배열  (0) 2022.02.14
JavaScript 데이터 저장하기 변수 / 상수  (0) 2022.02.14
Javascript 함수  (0) 2022.02.09
댓글
© 2022 babydevelop