JavaScript splice() 메서드로 배열에서 특정 요소 찾아 삭제하기

컴퓨터는 0부터 숫자를 셉니다. 즉, 0이 첫 번째, 1이 두 번째가 되는 방식입니다. 그렇기 때문에 list[2]는 배열의 세 번째 항목을 선택하게 됩니다.

예제에 사용된 배열

var list = ['item 1', 'item 2', 'item 3', 'item 4']

splice() 메서드의 기본 구조

splice() 메서드가 동작하려면 두 가지 값이 필요합니다.

• 시작 위치: 어느 위치부터 삭제할지 지정하는 숫자
• 삭제 개수: 해당 위치부터 몇 개의 항목을 삭제할지 지정하는 숫자

splice() 사용 예시

따라서 list.splice(2, 1)은 배열의 세 번째 항목을 대상으로 해당 항목 하나만 삭제합니다.

반대로 list.splice(2, 2)라고 작성하면 배열의 세 번째 항목과 네 번째 항목이 모두 삭제됩니다.

splice()의 두 번째 숫자는 지정한 위치부터 삭제할 요소의 개수를 의미합니다. 예를 들어 배열에 10개의 항목이 있고 list.splice(3, 5)라고 작성하면 네 번째 위치부터 5개의 항목이 한꺼번에 삭제됩니다.