본문 바로가기
FRONT

(JS) slice VS splice

by ssoyDev 2023. 3. 6.
반응형

slice() 함수

함수는 배열로 부터 특정 범위를 복사한 값들을 담고 있는 새로운 배열을 만드는데 사용합니다. 첫번째 인자로 시작 인덱스(index), 두번째 인자로 종료 인덱스를 받으며, 시작 인덱스부터 종료 인덱스까지 값을 복사하여 반환합니다.

slice(시작인덱스, 종료인덱스);

 

splice() 함수

배열로 부터 특정 범위를 삭제하거나 새로운 값을 추가 또는 기존 값을 대체할 수 있습니다.

첫번째 인자로 시작 인덱스(index), 두번째 인자로 몇개의 값을 삭제할지, 그리고 세번째 인자부터는 추가할 값을 가변 인자로 넘길 수 있으며, 삭제된 값을 담고 있는 배열을 반환합니다.

spice(시작인덱스, 삭제값 갯수, 추가값)

 

 

 

 

*** slice() vs. splice()** *

이 두 함수를 동일한 배열을 대상으로 여러 번 호출할 수 있는 상황이라면 쓰임이 다름.

항상 같은 배열을 반환한는 slice 함수와 달리 splice 함수는 계속해서

원본 배열를 깍아 먹기 때문에

동일한 인자로 여러 번 함수를 호출했을 때 매번 다른 배열이 반환되게 됩니다.

반응형

'FRONT' 카테고리의 다른 글

this $(this) 차이  (0) 2023.11.04
LocalStorage / SessionStorage  (0) 2023.10.31
(JS) click, mousedown, mouseup  (0) 2023.02.08
jquery - Ajax ,json  (0) 2021.02.23
button/submit  (0) 2021.02.08