데이터 불러오기03

 

11. 배열 : 데이터 불러오기 : 펼침 연산자

{
        const num = [100, 200, 300, 400, 500];

        document.write(num); //100, 200, 300, 400, 500
        document.write(num[0], num[1], num[2], num[3], num[4]); // 100200300400500
        document.write(...num); // 100200300400500           
}

결괏값

 

100,200,300,400,500
100 200 300 400 500
100 200 300 400 500

12. 배열 : 데이터 불러오기 : 배열구조분해할당

{
        let a, b, c;

        [a, b, c] = [100, 200, "javascript"];

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

결괏값

 

100
200
javascript

13. 객체 : 데이터 불러오기 : 기본

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

        document.write(obj.a);
        document.write(obj.b);
        document.write(obj.c);
        document.write(obj['a']);   //죽은문법
        document.write(obj['b']);
        document.write(obj['c']);         //
}

결괏값

100
200
javascript
100
200
javascript

14. 객체 : 데이터 불러오기 : Object

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

        document.write(Object.keys(obj));
        document.write(Object.values(obj));
        document.write(Object.entries(obj));
}

결괏값

a,b,c
100,200,javascript
a,100,b,200,c,javascript

15. 객체 : 데이터 불러오기 : 변수

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

        const name1 = obj.a;
        const name2 = obj.b;
        const name3 = obj.c;

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

결괏값

100
200
javascript

16. 객체 : 데이터 불러오기 : for in

{
    const obj = {
        a: 100,
        b: 200,
        c: "javascript"
    }
        for( let key in obj) {
            document.write(obj[key]);
        } 
}

결괏값

100
200
javascript

17. 객체 : 데이터 불러오기 : map()

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

    obj.map(function(el){
        document.write(el.a);
        document.write(el.b);
        document.write(el.c);
    });
}

결괏값

100
200
javascript

 

참조사이트

자바스크립트

 

자바스크립트 데이터 불러오기 예제 11번부터 17번까지입니다.

데이터를 불러오는 다양한 방법에 다양한 방법이 있고 다른 방법들은 참조사이트를 들어가셔서 참고하시면 좋습니다!