[JavaScript] slice()와 splice() 📝

slice()

배열의 일부분을 추출하여 새로운 배열을 반환한다. 즉, 원본 배열은 변경되지 않는다.

array.slice(start, end)

start : 추출을 시작할 인덱스 번호

• undefined 인 경우 : 0부터 slice 한다.
• 음수 값을 사용하면 배열의 끝에서부터 역방향으로 계산한다.

	ex) slice(-2)를 하면 배열의 마지막 2개 요소를 추출한다.

• 배열의 길이와 같거나 큰 수를 지정한 경우 : 빈 배열을 반환한다.
  
  

end : 추출을 종료할 인덱스 번호

• 종료 인덱스는 추출에 포함되지 않으며, 추출은 end 번호 바로 앞의 인덱스까지 수행한다.
• 음수 값을 사용하면 배열의 끝에서부터 역방향으로 계산한다.
• 생략할 경우, 배열의 끝까지 추출한다.
  
  

반환값 : 추출한 요소를 포함한 새로운 배열

splice()

배열의 기존 요소를 삭제 또는 교체하거나, 새 요소를 추가하여 배열의 내용을 변경한다. 이 메소드는 원본 배열 자체를 수정한다.

array.splice(start, deleteCount, item1, item2, ...)

start : 변경을 시작할 인덱스 번호

• 음수 값을 사용하면 배열의 끝에서부터 역방향으로 계산한다.
• 배열의 길이보다 큰 수를 지정한 경우 : 실제 시작 인덱스는 배열의 길이로 설정한다.
  
  

deleteCount : 제거할 요소의 개수

• 생략하면 start 인덱스부터 배열의 끝까지 모든 요소가 제거된다.
  
  

item1, item2, ... : 배열에 추가할 요소

• 생략하면 요소 제거만 수행한다.
• item1, item2, item3... 1번, 2번, 3번 순서대로 배열에 추가된다.
  
  

반환값 : 제거한 요소를 담은 배열

• 아무 값도 제거하지 않았으면 빈 배열을 반환한다.