자바스크립트 slice와 splice 메서드

slice와 splice 메서드는 배열에서 사용할 수 있는 메서드로, 범위를 설정해서 새로운 배열을 생성할 수 있습니다.

 

slice는 원본 배열을 수정하지 않는 메서드로, 배열의 요소들을 시작점과 끝점을 기준으로 잘라서 새로운 배열을 반환합니다. 시작점만 입력하면 범위가 해당 인덱스부터 마지막 요소까지고 시작점과 끝점을 입력하면 시작점부터 끝 점 바로 앞 요소까지입니다. 즉 시작점은 포함하고 끝점은 포함하지 않습니다.

 

splice는 원본 배열을 수정하는 메서드로, 배열 요소들을 시작점과 개수를 정해서 시작점부터 개수만큼 삭제할 수 있고 삭제한 요소들을 반환합니다. 그리고 시작점과 할당할 요소들을 입력해서 배열에 새롭게 할당할 수 있습니다.

 

사용법

 

const users = ["user01", "user02", "user03"];
console.log(users.slice(1)); // [ 'user02', 'user03' ]
console.log(users.slice(0, 2)); // [ 'user01', 'user02' ]
console.log(users); // [ 'user01', 'user02', 'user03' ]

console.log(users.splice(1, 2)); // [ 'user02', 'user03' ]
console.log(users); // [ 'user01' ]
users.splice(1, 0, "user02");
console.log(users); // [ 'user01', 'user02' ]
users.splice(2, 0, "user03", "user04", "user05");
console.log(users); // [ 'user01', 'user02', 'user03', 'user04', 'user05' ]