공부/개인공부

데이터 기초 복습 - 불러오기

우당당쿵당콩탕 2023. 3. 5. 15:17
728x90
반응형

배열 : 데이터 불러오기 부분에서 부족한 것 공부

배열 : 데이터 불러오기

2차 배열

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

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2][0]);
    console.log(arr[2][1]);
}

//const 키 = [값1, 값2, [값3, 값4]] / 값3 : console.log(arr[2[0]]); / 값4 : console.log(arr[2[1]]);

★갯수구하기  ( 자주 틀리는 부분 )

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

    console.log(arr.length);
}

//console.log(키.length);

갯수 구하는 것으로 쓰기도 하지만 함수 코드를 작성할 때 쓴다는 것 잊지 말자. 항상 틀리는 부분!

ex) for( let i=0; i<arr.length; i++){}

 

for()문

기본 문법 : for(초기값; 조건문; 증가감){실행문}

실행 순서 : 초기값 - 조건문 - TF확인 - 실행 - 증가감

 

배열 for문

{
    const arr = [100, 200, 300, 400, 500, 600, 700, 800, 900];

    for(let i=0; i<9; i++){
        console.log(arr[i]);
    }
}

배열된 순서가 0,1,2,3,4,5 ... 이기 때문에 초기값은 0부터 시작해야 숫자 100을 출력할 수 있다.

 

★중첩 for문

{
    for(let i=1; i<=10; i++){
        console.log("i : " + i);      // i: 라는 문자열을 넣은 것
        for(let j=1; j<=10; j++){
            console.log("j : " + j);
        }
    }
}

중요한 것은 실행 순서이다. 첫번째 for문 실행 - 두번째 for문 실행 후 다시 처음으로 돌아간다. 헷갈리지 말자.

 

forEarch()문

배열의 데이터가 있어야만 사용할 수 있다. 

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

    num.forEach(function(element, index, array){
        document.write(element, "<br>");
        document.write(index, "<br>");
        document.write(array, "<br>");
    });
}

element는 값을 말하기 때문에 100,200,300...이 출력
inde는 번호이기 때문에 0,1,2,3...
arry는 배열이기 때문에 배열 전체 출력

순서대로 출력되는 것이 포인트

// 결과값
100
0
100,200,300,400,500

200
1
100,200,300,400,500 

.
.
.

for of 문과 for in 문

of는 element값을 출력하는데 사용하며 in은 index값을 출력하지만 el도 출력할 수 있다.

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

    for(let i of arr){
        document.write(i);
    };
}


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

    for(let i in arr){
        document.write(i);
    };
}

el 출력시 
{
    const arr = [100, 200, 300, 400, 500];
    for(let i in arr){
        document.write(arr[i]);
    };
}