첫 번째 요소나 마지막 요소를 삭제하는 것은 이렇게 간단합니다. 하지만 중간 요소를 삭제할 때는 조금 복잡합니다. 중간 요소를 삭제할 때는 다음과 같이 splice()를 사용합니다.
const target = ['가', '나', '다', '라', '마'];
target.splice(1, 1);
target; // (4) ['가', '다', '라', '마']
splice()에서는 쉼표로 구분한 숫자 2개를 사용합니다. 첫 번째는 시작 인덱스이고, 두 번째는 삭제할 요소의 개수입니다. 예제에서는 1, 1을 넣었으므로 인덱스 1에서부터 요소 1개를 삭제하겠다는 의미입니다. 만약 2, 2를 넣는다면 어떻게 될까요? 다음 코드를 실행하기 전에 먼저 결과를 예측해 보세요.
const target = ['가', '나', '다', '라', '마'];
target.splice(2, 2);
target;
인덱스 2인 ‘다’에서부터 요소 2개를 삭제한다는 의미이므로 ‘다, 라’가 삭제되고 ['가', '나', '마']가 됩니다. 인덱스가 0부터 시작해서 헷갈릴 수 있으니 익숙해질 때까지 반복해서 연습해야 합니다.