JavaScript

데이터 불러오기 : 객체2

초짜코딩 2022. 4. 13. 17:05

18. 객체 : 데이터 불러오기 : hasOwnProperty()

{
    const obj = {
        a: 100,
        b: 200,
        c: "javascript"
    }
    document.write(obj.hasOwnProperty('a'));
    document.write(obj.hasOwnProperty('b'));
    document.write(obj.hasOwnProperty('c'));
    document.write(obj.hasOwnProperty('d'));
    document.write('a' in obj);
    document.write('b' in obj);
    document.write('c' in obj);
    document.write('d' in obj);
}

결과보기

true
true
true
false
true
true
true
false

 

19. 객체 : 데이터 불러오기 : 펼침 연산자 -복사

{
    const obj = {
        a: 100,
        b: 200,
        c:"javascript"
    }
    const spread = {...obj}

    document.write(spread.a);
    document.write(spread.b);
    document.write(spread.c);
}

결과보기

100
200
javascript

 

20. 객체 : 데이터 불러오기 : 펼침 연산자 - 추가

{
    const obj = {
        a: 100,
        b: 200,
        c:"javascript"
    }
    const spread = {...obj, d: "jaquery"}

    document.write(spread.a);
    document.write(spread.b);
    document.write(spread.c);
    document.write(spread.d);
}

결과보기

100
200
javascript
jquery

 

21. 객체 : 데이터 불러오기 : 펼침 연산자 - 결합

{
    const objA = {
        a: 100,
        b: 200,
    }
    const objB = {
        c: "javascript",
        d: "jquery",
    }
    const spread = {...objA, ...objB}

    document.write(spread.a);
    document.write(spread.b);
    document.write(spread.c);
    document.write(spread.d);
}

결과보기

100
200
javascript
jquery

 

22. 객체 : 데이터 불러오기 : 비구조화 할당

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

    document.write(a);
    document.write(b);
    document.write(c);
}

결과보기

100
200
javascript

 

23. 객체 : 데이터 불러오기 : 비구조화 할당 : 별도 이름 저장

{
    const obj = {
        a: 100,
        b: 200,
        c: "javascript"
    }
    const {a:name1, b:name2, c:name3} = obj;

    document.write(name1);
    document.write(name2);
    document.write(name3);
}

결과보기

100
200
javascript