[JavaScript] 자바스크립트 배열 요소 제거 또는 추가, 수정하는 방법

Array.prototype.splice()

slice() 메소드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.

첫 번째 인수는 새로운 요소가 삽입될 위치의 인덱스이며, 두 번째 인수는 제거할 요소의 개수입니다.

세 번째 인수부터는 모두 배열 요소로서 지정된 인덱스부터 차례대로 배열에 삽입됩니다

반환은 제거된 요소를 배열의 형태로 반환합니다.

아무 요소도 제거되지 않았으면 빈 배열을 반환합니다.

 

구문

array.splice(start[, delteCount[, item1[, item2[, ... ]]])

• start
  • 배열의 변경을 시작할 인덱스입니다.
  • 배열의 길이보다 큰 값이라면 실제 시작 인덱스는 배열의 길이로 설정됩니다.
  • 음수인 경우 배열의 끝에서부터 요소를 세어나갑니다. 
• deteleCount
  • 생략가능합니다.
  • 배열에서 제거할 요소의 수입니다.
  • 생략하거나 배열 전체 길이보다 크면 모든 요소를 제거합니다.
  • 음수일 경우 어떤 요소도 삭제하지 않습니다. 
• item 
  • 생략 가능합니다.
  • 배열에 추가할 요소입니다. 아무 요소도 지정하지 않으면 splice()는 요소를 제거하기만 합니다. 

 

반환값

제거한 요소를 담은 배열로 반환됩니다. 

아무 요소도 제거하지 않았다면 빈 배열을 반환합니다.

 

예제 1. 앞 2개 요소 제거하고 다른 값으로 추가

See the Pen Untitled by yunjunshin (@yjshin) on CodePen.

 

에제2. 제거 하지 않고 2번 인덱스에 값 추가

See the Pen Untitled by yunjunshin (@yjshin) on CodePen.