[JavaScript] 배열

배열(array)

: 이름과 인덱스로 참초되는 정렬된 값의 집합

  배열을 구성하는 각 값을 배열 배열 요소(element)라고 하고 배열에서의 위치를 인덱스(index)라고 한다

 

 

배열 생성하는 법

1. 배열 리터럴 대괄호([ ])를 사용하여 만들기

 let array = [ ]; 

 

   let array = [];

 

 

2. Array() 생성자 함수로 배열 생성

 

   var arr = new Array();

    arr[0] = 'zero';

    arr[1] = 'one';

    arr[2] = 'two';

    for (var i = 0; i < arr.length; i++) {

    console.log(arr[i]);

    }    

 

 

 

배열 활용

    <script>

 

        // 인덱스 활용 : 배열에 값 넣어주기

        array[0] = 1;

        array[1] = 2;

        // 2-3 push() 활용 : 마지막 위치에 데이터를 추가하는 기능

        array.push(3);

        array.push(4);

        console.log(array[2],array[3]);

        // for문을 활용해서 array 내 모든 데이터 출력

        for(let i=0;i<array.length;i++){

            console.log(array[i]);

        }

        // 반복문 없이 array 내 모든 데이터 출력

        console.log(array);

        // 배열 내 요소 중 세 번째 인덱스를 7로 수정

        array[2] = 7;

        console.log(array);

 

 

        // 배열 내 데이터 삭제하는 방법 2가지

 

        // 1. pop() 활용

        array.pop();

        console.log(array);

        // 2. splice(인덱스, 삭제할 개수) 활용

        // 인덱스 : 삭제할 데이터의 위치

        // 삭제할 개수 : 해당 인덱스 위치로부터 뒤로 삭제할 개수

        array.splice(0,1);

        console.log(array);

 

    </script>

 

 

<실습해보기>

  <script>

    // 1. 빈 배열 array를 생성 후 크기를 출력

    let array = [];

    console.log(`1번 문제 : ${array.length}`);

    // 2. 35,73,68,82,94 를 총 5개의 데이터를 저장하시오.

    array.push(35,73,68,82,94);

    console.log(`2번 문제 : ${array}`);

    // 3. 모든 데이터를 반복문을 활용하여 출력

    console.log('3번 문제 : ');

    for (let i=0;i<array.length;i++){

      console.log(`${array[i]}`);

    }

    // 4. 3번째 요소(68)를 100으로 수정

    array[2] = 100;

    console.log(`4번 문제 : ${array}`);

    // 5. 2번째 요소(73)를 삭제

    array.splice(1,1);

    console.log(`5번문제 : ${array}`);

  </script>

 

 

 

배열 함수

 

    <script>

 

        // 자주 사용하는 배열 함수

        // 1. 배열.includes(찾고 싶은 요소)

        let array = [1,2,3,4,5];

        // array 배열 내 3이라는 데이터가 있는지 확인

        console.log(array.includes(3));

        // array 배열 내 9라는 데이터가 있는지 확인

        console.log(array.includes(9));

        // 2. 배열.indexOf(인덱스 위치를 찾고 싶은 요소)

        // array배열 내 2라는 데이터의 인덱스 위치 확인

        console.log(array.indexOf(2));

        // array배열 내 10라는 데이터의 인덱스 위치 확인

        console.log(array.indexOf(10));

        // 3. 배열.slice(시작인덱스, 끝인덱스)

        // * 끝인덱스는 -1 범위까지 출력된다.

        // ex) slice(0,3) -> 0,1,2 인덱스까지만 접근

        // array배열 내 2,3,4 데이터만 출력

        console.log(array.slice(1,4));

 

        let fruits = [

            "apple", "avocado", "banana", "blueberry", "cherry", "dragon fruit",

            "fig", "grape", "kiwi", "lime", "mango", "orange", "oriental melon", "pear",

            "peach", "pineapple", "shine muscat", "strawberry", "tomato",

            "water melon", "yuja"

        ];

        // 4. fruits에 'water melon'을 'melon'로 변경

        let index = fruits.indexOf('water melon');

        fruits[index] = ' melon'

        console.log(fruits);

        // 2차원 배열생성

        let array2 = [[1,2,3],[4,5,6],[7,8,9]]

        console.log(array2);

        // array2 배열 내 두번째 요소 안에 있는 '4'를 출력

        console.log(array2[1][0]);

        // array2 배열 내 3과 8을 더한 후 출력

        console.log(array2[0][2]+array2[2][1]);

    </script>