• [배열]

    2021. 8. 17.

    by. 고구마달랭이

    배열

    배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다.


    배열의 생성

    배열을 쓰면 여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있다. 대괄호([])는 배열을 만드는 기호다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 된다. 각각의 데이터를 원소(Element)이라고 부른다. 배열에 담겨있는 값을 가져올 때는 대괄호 안에 숫자를 넣는다. 이 숫자를 색인(index)라고 부르고 0부터 시작한다. 즉 첫번째 원소(egoing)를 가져오려면 대괄호 안에 0을 넣어주어야 한다는 것이다. 두번째는 1, 세번째는 2를 입력한다. 이 값을 이용해서 배열에 저정된 값을 가져올 수 있다.


    배열의 사용

    배열의 진가는 반복문과 결합했을 때 나타난다. 반복문으로 리스트에 담긴 정보를 하나씩 꺼내서 처리 할 수 있기 때문이다. 정리하면, 배열이란 연관된 정보를 하나의 그룹으로 관리하기 위해서 사용한다. 그리고 그 정보를 처리 할 때는 반복문을 이용한다.


    배열의 제어

    배열은 복수의 데이터를 효율적으로 관리, 전달하기 위한 목적으로 고안된 데이터 타입이다. 따라서 데이터의 추가/수정/삭제와 같은 일을 편리하게 할 수 있도록 돕는 다양한 기능을 가지고 있다.



    배열의 조작

    추가

    다음은 배열의 끝에 원소를 추가하는 방법이다. push는 인자로 전달된 값을 배열(li)에 추가하는 명령이다. 배열 li의 값은 a, b, c, d, e, f가 됐다.
    var li = ['a', 'b', 'c', 'd', 'e'];
    li.push('f');
    alert(li);

    다음은 복수의 원소를 배열에 추가하는 방법이다. concat은 인자로 전달된 값을 추가하는 명령이다.
    var li = ['a', 'b', 'c', 'd', 'e'];
    li = li.concat(['f', 'g']);
    alert(li);

    다음은 배열의 시작점에 원소를 추가하는 방법이다. 배열 li는 z, a, b, c, d, e가 됐다. unshift는 인자로 전달한 값을 배열의 첫번째 원소로 추가하고 배열의 기존 값들의 색인을 1씩 증가시킨다.
    var li = ['a', 'b', 'c', 'd', 'e'];
    li.unshift('z');
    alert(li);

    만약 두번째 인덱스 뒤에 대문자 B를 넣고 싶다면 아래와 같이한다. splice는 첫번째 인자에 해당하는 원소부터 두번째 인자에 해당하는 원소의 숫자만큼의 값을 배열로부터 제거한 후에 리턴한다. 그리고 세번째 인자부터 전달된 인자들을 첫번째 인자의 원소 뒤에 추가한다.
    var li = ['a', 'b', 'c', 'd', 'e'];
    li.splice(2, 0, 'B');
    alert(li);

    제거

    다음은 배열의 첫번째 원소를 제거하는 방법이다. shift를 사용하면 된다. 아래 결과는 b, c, d, e 다.
    var li = ['a', 'b', 'c', 'd', 'e'];
    li.shift();
    alert(li);

    다음은 배열 끝점의 원소를 배열 li에서 제거한다. 이때는 pop를 사용한다. 결과는 a, b, c, d 다.
    var li = ['a', 'b', 'c', 'd', 'e'];
    li.pop();
    alert(li);

    정렬

    다음은 정렬하는 방법이다. 결과는 a, b, c, d, e 다.
    var li = ['c', 'e', 'a', 'b', 'd'];
    li.sort();
    alert(li);

    역순으로 정렬하고 싶을 때는 아래와 같이 한다.
    var li = ['c', 'e', 'a', 'b', 'd'];
    li.reverse();
    alert(li);

    'Blog > 생활코딩 - 자바스크립트 기본' 카테고리의 다른 글

    [주석]  (0) 2021.08.17
    [객체]  (0) 2021.08.17
    [함수]  (2) 2021.08.17
    [반복문]  (0) 2021.08.17
    [조건문]  (0) 2021.08.17

    댓글