JavaScript 배열의 요소(element), 순서(index), 길이 구하기, 배열의 요소를 추가, 삭제하는 방법

성민규·2022년 5월 8일
0
post-thumbnail

JavaScript

배열(Array)


배열의 요소 = element

배열의 순서 = index

배열의 요소(element)에 접근하기 위해서는 배열의 순서(index)를 이용하여 할 수 있다.
Ex) myArray[0] - 대괄호 안에 index number를 삽입한다.

배열의 요소 추가

배열의 요소(element)를 수정하기 위해서는 수정하고 싶은 배열의 순서(index)에 다른 데이터를 삽입하면 된다.
Ex) myArray[0] = 500

배열의 길이 구하기

배열의 길이를 구하기 위해서는 length를 이용한다.
Ex) myArray.length

배열의 요소(element)를 추가하는 방법

  • push() 함수(method) 이용

    push() 함수(method)를 이용하면 배열의 마지막에 요소를 추가한다.

  • 배열이름[배열이름.length]

    배열의 길이를 통해 요소를 추가하기 때문에 배열의 마지막에 요소가 추가된다.

  • unshift() 함수(method) 이용

    unshift() 함수(method) 이용하면 배열의 맨 앞에 요소가 추가된다.

  • 배열이름[n]

    index를 이용하여 직접적으로 배열에 요소를 추가할 수 있다.
    위의 경우처럼 index[5]에 요소가 추가되면서 index[4]에는 값이 지정되지 않은 undefined 요소가 자동으로 생성된다.

  • splice() 함수(method) 이용

    splice(‘index값’, 0, ‘요소’)
    위의 코드는 myArray[1]에 ‘Kiwi’를 추가

splice()를 이용하여 여러개의 요소도 추가가 가능하다.

splice(‘index값’, 0, 요소1, 요소2, …)
다음의 코드로 원하는 위치에 여러개의 요소도 추가가 가능하다.

배열의 요소(element)를 제거(삭제)하는 방법

  • pop() 함수(method) 이용

    pop() 함수를 이용하면 배열의 마지막 요소가 제거된다.

  • 배열이름.length - 1

    배열의 길이를 줄임으로써 배열의 마지막 요소를 제거할 수 있다.

  • shift() 함수(method) 이용

    shift() 함수를 이용하면 배멸의 첫번째 요소를 제거한다.

  • splice(‘index값’, ‘제거할 요소의 개수’)

    splice() 함수를 이용하여 원하는 index값부터 원하는 개수의 요소를 제거할 수 있다.
    위의 코드처럼 myArray[1]부터 원하는 개수의 요소를 제거할 수 있다.

splice() 함수를 이용하여 원하는 index에 요소를 제거하고 요소를 추가할 수도 있다.

splice(‘index값’, ‘제거할 요소의 개수’, 요소1, 요소2, …)
위의 코드처럼 myArray[1]부터 2개의 요소를 제거하고 3개의 요소가 추가되었다.

  • delete 이용

    delete를 이용하면 배열의 요소는 그대로 두고 값만 삭제할 수 있다.
    위의 코드처럼 삭제된 요소는 undefined 요소가 들어가게 된다.

profile
끈기있고 꾸준하게!!

0개의 댓글