-
[JS] splice() 함수JavaScript 2022. 6. 8. 09:28반응형SMALL
splice() 함수
- splice()함수는 배열의 기존요소를 삭제/변경/추가 할 수 있다. 이 함수는 원본 배열 자체를 수정한다.
- splice(start[, deleteCount[, item1[, item2[, ...]]]])
- start: 배열의 변경을 시작할 인덱스
- deleteCount: 배열에서 제거할 요소의 수
- 생략 : 모두제거
- 0 : 제거안됨
- 0 이하의 수 : 제거안됨
- item1, item2: 배열에 추가할 요소
- 생략 : splice()는 요소제거만 수행함
자바스크립트의 배열(Array) 객체에서 제공되는 함수인 splice를 이용하면 원하는 위치에 요소를 추가하거나 삭제할 수 있습니다. 먼저 splice 함수를 사용해 원하는 위치에 요소를 추가하는 것을 정리해보겠습니다. 예를 들어, 먼저 a라는 배열 객체가 다음과 같은 상태라고 하겠습니다.
이 상태에서 다음 코드를 실행하면 다음의 상태가 됩니다.
a.splice(2, 0, "7");
그럼 다시 a의 처음 상태로 돌아가 다음 코드를 실행하면 다음의 상태가 됩니다.
a.splice(0, 0, "7");
이제 다시 a의 처음 상태로 돌아가 다음 코드를 실행하면 다음의 상태가 됩니다.
a.splice(5, 0, "7");
참고로 위의 코드에서 인덱스 5 대신 5이상의 값을 사용해도 결과는 동일합니다.
이제는 splice를 이용해 추가가 아닌 삭제에 대한 예를 살펴보겠습니다. 다음 코드를 실행하면 다음의 상태가 됩니다.
a.splice(2, 1);
[출처]
http://www.gisdeveloper.co.kr/?p=2113
반응형LIST'JavaScript' 카테고리의 다른 글
[JS] 객체 속성 추가, 삭제 (0) 2022.06.13 [JS] input박스에 숫자만 입력되도록 설정 (0) 2022.06.09 [JS] 배열 초기화(빈 배열) (0) 2022.06.08 [JS] 객체 내부의 key값 이름변경 (0) 2022.06.07 [JS] 배열에서 중복값 제거 / 오름차순 정렬 (0) 2022.06.07