[JavaScript] 배열 자르기 splice와 slice

splice와 slice

=> 매개변수만큼 배열을 자르는 기능

 

1. splice

• Arr.splice(beginIdx,cnt) :두번째 인자는 자를 개수  => return. 제거한 요소를 담은 배열 & 원본배열을 수정
    * 2차원 배열 Arr에서 Arr[14].splice(0,3) : Arr[14][0] 부터 3개 삭제(Arr[14][0],Arr[14][1],Arr[14][2])

$> Arr
=> ['red', 'yellow', 'orange', 'blue', 'green', 'navy', 'purple']

$> Arr.splice(1,3)
=> ['yellow', 'orange', 'blue']
$> Arr
=> ['red', 'green', 'navy', 'purple']  *원본배열에 splice 한만큼 삭제

• splice(begin,cnt,items) : 삭제, 교환, 추가 (begin index 자리에 적용됨)

var myFish = ["angel", "clown", "trumpet", "sturgeon"]; 
var removed = myFish.splice(0, 2, "parrot", "anemone", "blue");  
// myFish is ["parrot", "anemone", "blue", "trumpet", "sturgeon"] 
// removed is ["angel", "clown"]

 

2. slice

Arr.slice([begin[, end]]) : 두번째 인자는 자를 end 인덱스(end 미포함) => return. 얕은 복사본의 새로운 배열 객체 & 원본배열에 변동X

$> Arr.slice(1,3)
=> ['yellow', 'orange']
$> Arr
=> ['red', 'yellow', 'orange', 'blue', 'green', 'navy', 'purple']  * 원본배열에 적용 안됨