자바스크립트 배열 선언하는 방법

배열은 숫자, 문자, Bool과 같은 데이터를 하나의 묶음으로 만든 것입니다. 기존 상수나 변수는 하나의 값만을 갖습니다. 하지만 배열은 여러가지의 값을 가질 수 있습니다. 배열에 입력되는 값을 요소라고 합니다.

배열은 정의된 이름으로 요소의 개수만큼 방을 만든다고 생각하시면 됩니다. 그리고 가장 첫번째 방이 0번이라는 것도 기억해 두시기 바랍니다.

 

배열을 선언하는 방법은 아래와 같습니다. 

 

  배열이름 = [ 요소1, 요소2, 요소3, ..., 요소n ]

 

위의 식을 풀어쓰자면 배열이름의 배열을 만드는데 요소의 개수인 n개의 방을 만들어 각 요소1부터 요소n까지 입력합니다. 가장 첫번째 방은 0번방으로 요소1이 입력됩니다. 이를 풀어 쓴다면 다음과 같습니다.

 

  배열이름[0] = 요소1

  배열이름[1] = 요소2

             :

             :

             :

  배열이름[n-1] = 요소n

 

대괄호([ ])는 배열을 의미하며 대괄호 안의 숫자는 배열 방번호입니다.

 

 1. 배열의 길이 확인 방법

    배열의 길이를 알 수 있는 명령어는 length 입니다. 배열의 길이라 함은 위에서 말한 배열 방의 개수를

   말합니다. length 사용 방법은 다음과 같습니다.

 

      배열이름.length

 

    아래와 같은 배열을 선언했을때 배열의 길이는 어떻게 나오는지 확인해보겠습니다.

 

       let name = [ '유비', '남자', 28 ]

       name.length

       => 결과값 : 3

     name이라는 배열을 생성하고 첫번째 방에는 '유비', 두번째 방에는 '남자', 세번째 방에는 '28'이 입력됩

    니다. 

    다음 name.length는 name 배열의 길이 즉, 방의 개수를 확인하는 명령이므로 name 배열의 요소 개수인

    3을 출력합니다.

 

 2. 배열의 처음과 끝에 요소 추가 및 삭제하기

    배열에 요소를 추가하는 명령어는 unshift와 push입니다. unshift와 push의 차이점은 unshift 명령어로

   추가되는 요소는 배열 제일 첫번째 방에 추가되지만 push 명령어로 추가되는 요소는 배열 맨 마지막 방

   에 추가됩니다. 이 명령어의 사용방법은 다음과 같습니다.

 

      배열이름.unshift(요소)

 

      배열이름.push(요소)

 

      let name = [ '관우', '장비', '조운' ]

      name.unshift( '유비' )

      name[0]

       => 결과값 : 유비

      name.push( '관평' )

      name[4]

       => 결과값 : 관평

    name 배열의 요소는 [ '유비', '관우', '장비', '조운', '관평' ]이 됩니다.

 

    배열의 요소를 삭제할 수도 있는데 명령어는 shift와 pop입니다. shift는 배열 첫번째 요소를 삭제하며

   pop은 배열 맨 마지막 요소를 삭제합니다. 사용방법은 다음과 같습니다.

 

      배열이름.shift( )

 

      배열이름.pop( )

 

      let name = [ '유비', '관우', '장비', '조운', '관평' ]

      name.shift( )

      name[0]

       => 결과값 : 관우

      name.pop( )

      name[2]

       => 결과값 : 조운

    name 배열의 요소는 [ '관우', '장비', '조운' ]이 됩니다.

 

 3. 배열 원하는 방의 요소 추가 및 삭제하기

    배열의 처음과 끝이 아닌 원하는 방의 요소를 추가하거나 삭제하는 방법에 대해 알아보겠습니다.

   원하는 배열 방의 요소를 삭제하거나 추가할때 사용하는 명령어는 splice 입니다. 사용방법은 다음과

   같습니다.

 

      배열이름.splice( 배열 방번호, 삭제할 요소 수량, 추가할 배열요소1, 추가할 배열요소2, ... )

 

        배열 방번호 : 요소를 삭제 또는 추가하고자 하는 첫번째 배열 방번호를 말합니다.

                         삭제시에는 배열 방번호부터 삭제를 하지만, 추가시에는 배열 방번호 요소 앞으로

                         추가됩니다.

 

        삭제할 요소 수량 : 0이면 삭제하지 않으며 0이상의 값이면 배열 방번호의 배열부터 입력된 숫자만큼

                         배열을 삭제합니다. 이때 삭제되는 배열은 배열 방번호에 1씩 증가시키며 삭제할 요소

                         수량만큼 삭제합니다.

 

        추가할 배열요소 : 입력되는 요소 순서대로 배열 방번호 요소 앞으로 입력됩니다.

 

      let name = [ '유비', '관우', '장비', '조운', '관평' ]

      name.splice( 3, 2 )

    name 배열의 요소는 [  '유비', '관우', '장비' ]이 됩니다.

 

      let name = [ '유비', '관우', '장비' ]

      name.splice( 2, 0, '조운', '관평' )

    name 배열의 요소는 [  '유비', '관우', '조운', '관평', '장비' ]이 됩니다.

 

      let name = [ '유비', '관우', '장비', '조운', '관평' ]

      name.splice( 1, 2, '제갈량')

    name 배열의 요소는 [  '유비', '제갈량', '조운', '관평' ]이 됩니다.