[JS] 22-06-03 자바스크립트 배열 ☑

배열

-여러데이터값을 저장하는공간

-원소 : 배열에 저장된 하나 하나의 데이터

-인덱스 : 원소를 구분하는 번호, 0부터매김

배열의구조

    <script>
      let city = ["Seoul", "Busan", "Incheon"];
      function printArr() {
        var i;
        for (i = 0; i < city.length; i++) {
          document.write("배열데이터[" + i + "]=" + city[i] + "<br>");
        }
      }
      printArr();
    </script>

city.length 는 3. 배열데이터에는 index, city[i]는 city배열의 원소

    <script>
        let city = [];
        city[0]="Seoul";
        city[1]="Busan";
        city[2]="Incheon";
        city[3]="Mokpo";
        city[4]="Sejeong";
        function printArr() {
            let i;
            for(i=0; i<city.length; i++){
            document.write("배열데이터 ["+ i +"]=" +city[i]+ "<br>");       
            }
        }
        printArr();
    </script>

stack에서 변수명 저장 , heap에는 메모리주소와 실제 값이 있다.

공백이 있으면 주소값 자체가 없다는 것.

 

배열에 공백이 있어 Not a Number라는 오류가 뜸.

    <script>
        let com = [95, 88,  , 72,  ,68, 99, 82 , 78, 85];
        let getAvg;
        function printAvg() {
            let i ;
            let sum = 0;
            let n = com.length;
            document.write(n + "명의 점수 입력<p/>");
            for(i=0; i<n; i++){
                sum+=com[i];
            }
            return (sum/n);
        }
        getAvg=printAvg();
        document.write("평균 : <b>" +getAvg+ "</b><p/>");
    </script>

    <script>
        let com =[95,88, ,72,68, ,99,82,78,87];
        let getAvg;
        function printArr(){
            let i;
            let sum=0;
            let count=0;
            let n=com.length;
            document.write( n + "명의 점수 입력 <p/>");
            for(i=0; i<n; i++){
                if(com[i]===undefined) {
                    continue;
                } else {
                    sum+=com[i];
                    count++
                }
            }
            document.write("점수를 입력한 학생 :" + count + "명<p/>");
            document.write("총합 :" + sum + "<p/>");
            return (sum/count);
        }
        getAvg=printArr();
        document.write("평균 :" + getAvg + "<p/>");
    </script>

자바스크립트 배열의 특징 : 포용력이 좋아서 배열에 모든값을 넣을 수 있다.

    <script>
        let arr=[10, 20, 30, 40, 50];
        function printArr() {
            let i, sum = 0;
            for(i=0; i<arr.length; i++) {
                sum+=arr[i];
            }
            return sum;
        }
        let result=printArr();
        document.write("배열 원소합 :" + result + "<br>");
    </script>

오류를 없게 하기 위해 같은 데이터 타입 요소로만 배열을 짜는 것이 좋다.

100과 문자열 50이 붙었다.

캐스팅 : 타입을 알아서 자바스크립트가 변환해준다

자바스크립트는 매우 유연하다.

---

이중배열

let arr = [[1,2][3,4][5,6]]

let arr =[['a','b'],['c','d'],['e','f']];

console.log(arr[0][0]); // a
console.log(arr[0][1]); // b
console.log(arr[1][1]); // d

 

첨부 이미지출처 : 한빛