01. 변수 : 데이터 불러오기

let x = 100,
        y = 200,
        z = "javascript";

        document.write(x);
        document.write(y);
        document.write(z);
결과 보기
100
200
javascript

02. 상수 : 데이터 불러오기

const x = 100
        y = 200
        z = "javascript";

        document.write(x);
        document.write(y);
        document.write(z);
결과 보기
100
200
javascript

03. 배열 : 데이터 불러오기

const arr = [100, 200, "javascript"];

        document.write(arr[0]);
        document.write(arr[1]);
        document.write(arr[2]);
결과 보기
100
200
javascript

04. 배열 : 데이터 불러오기 : 2차 배열

const arr = [100, 200, ["javascript","jquery"]];

        document.write(arr[0]);
        document.write(arr[1]);
        document.write(arr[2][0]);
        document.write(arr[2][1]);
결과 보기
100
200
javascript
jquery

05. 배열 : 데이터 불러오기 : 갯수 구하기

const arr = [100, 200, "javascript"];

        document.write(arr.length);
결과 보기

06. 배열 : 데이터 불러오기 : for()문

const arr = [100, 200, 300, 400, 500];

        //for(초기값, 조건식, 증감식)
        for(let i = 0; i < arr.length; i++){
            document.write(arr[i]);
        };
결과 보기 100 200 300 400 500

07. 배열 : 데이터 불러오기 : forEach()

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

        //for문을 이용해서 출력...

        for(let i = 0; i < num.length; i++){
            document.write(num[i]);
        };

        //forEach()를 이용해서 출력
        num.forEach(function(el){
            document.write(el);
        });

        //forEach() 3가지 인자(parameter)값
        num.forEach(function(element, index, array){
            document.write(element);
            document.write(index);
            document.write(array);
        })
결과 보기 100
0
100,200,300,400,500
200
1
100,200,300,400,500
300
2
100,200,300,400,500
400
3
100,200,300,400,500
500
4
100,200,300,400,500

08. 배열 : 데이터 불러오기 : for of

const arr = [100, 200, 300, 400, 500];

        for( let i of arr ){
            document.write(i);
        }
결과 보기 100 200 300 400 500

09. 배열 : 데이터 불러오기 : for in

const arr = [100, 200, 300, 400, 500]

        for( let i in arr ){
            // document.write(i);
            document.write(arr[i]);
        }
결과 보기 100 200 300 400 500

10. 배열 : 데이터 불러오기 : map()

const arr = [100, 200, 300, 400, 500];
        arr.map(function(el){
            document.write(el);
        });

        arr.map(function(element, index, array){
            document.write(element);
            document.write(index);
            document.write(array);
        });
결과 보기 100 200 300 400 500
1000100,200,300,400,5002001100,200,300,400,5003002100,200,300,400,5004003100,200,300,400,5005004100,200,300,400,500

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

const num = [100, 200, 300, 400, 500];
        document.write(num);
        document.write(num[0], num[1], num[2], num[3], num[4]);
        document.write(...num); //펼침연산자
결과 보기

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

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

        document.write(a);
        document.write(b);
        document.write(c);
결과 보기

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

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

        document.write(obj.a);  //100
        document.write(obj.b);  //200
        document.write(obj.c);  //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));  //값 둘 다 불러오는 문법.
결과 보기

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);
결과 보기

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

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

        for( let key in obj ){
            document.write(obj[key]);
        }
결과 보기

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

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

        // obj.map(function(){});//이게 한 문장
        obj.map((el) => {
            document.write(el.a);
            document.write(el.b);
            document.write(el.c);
        });//화살표함수
결과 보기

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

const obj = {
            a: 100,
            b: 200,
            c: "javascript"
        }
        document.write(obj.hasOwnProperty("a")); //데이터 안에 데이터가 있는지 없는지 확인해줌-true
        document.write(obj.hasOwnProperty("b")); //데이터 안에 데이터가 있는지 없는지 확인해줌-true
        document.write(obj.hasOwnProperty("c")); //데이터 안에 데이터가 있는지 없는지 확인해줌-true
        document.write(obj.hasOwnProperty("d")); //데이터 안에 데이터가 있는지 없는지 확인해줌-false

        document.write("a" in obj); //약식으로 이렇게 씀
        document.write("b" in obj); //약식으로 이렇게 씀
        document.write("c" in obj); //약식으로 이렇게 씀
        document.write("d" in obj); //약식으로 이렇게 씀
결과 보기

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

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

const spread = { ...obj }

document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
결과 보기

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

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

document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);
결과 보기

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);
결과 보기

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

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

document.write(a);
document.write(b);
document.write(c);
결과 보기

23. 객체 : 데이터 불러오기 : 객체구조분해할당

const obj = {a : name1, b : name2, c : name3} = obj;

document.write(name1);
document.write(name2);
document.write(name3);
결과 보기