[Javascript] 자바스크립트 slice와 splice 비교

slice

배열의 일부분을 추출하여 새로운 배열을 반환

원본 배열은 변경되지 않음

 

사용 방법

array.slice(startIndex, endIndex);

startIndex - 추출 시작 인덱스 (포함). 음수 값이면 배열의 끝에서부터 카운트

endIndex - 추출 종료 인덱스 (제외). 생략하면 배열의 끝까지 추출. 음수 값이면 배열의 끝에서부터 카운트

 

예시

const numbers = [1, 2, 3, 4, 5];
const slicedNumbers = numbers.slice(1, 4);
console.log(slicedNumbers); // [2, 3, 4]

 

---

splice

배열에서 요소를 추가, 삭제 또는 교체하는데 사용

원본 배열을 수정함

 

사용 방법

array.splice(startIndex, deleteCount, item1, item2, ...);

startIndex - 수정을 시작할 인덱스

deleteCount - 제거할 요소의 수. 0이면 요소를 제거하지 않음

item1, item2, ... - 추가할 요소 (선택 사항)

 

예시

const numbers = [1, 2, 3, 4, 5];
numbers.splice(1, 2); // 인덱스 1부터 2개의 요소를 삭제
console.log(numbers); // [1, 4, 5]

numbers.splice(2, 0, 6, 7); // 인덱스 2에 6과 7을 추가
console.log(numbers); // [1, 4, 6, 7, 5]

 

---

slice와 splice 차이점 

slice는 배열의 일부를 추출하여 새로운 배열을 반환하고, 원본 배열은 변경하지 않음. 

반면 splice는 배열에서 요소를 추가, 삭제 또는 교체하여 원본 배열을 수정함