배열 메소드 splice() 실습 예제 230105

 

splice() 메소드

pop()배열요소제거, push()배열요소추가 두개의 기능을 모두 포함하는 메소드이다. 

 

덮어쓴 배열을 반환한다.

 

syntax

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

 

sytax 설명

 

1.start

배열의 변경을 시작할 index

배열의 길이보다 큰 값일 경우 배열의 길이로 설정

음수인 경우 배열의 끝에서부터 요소를 센다.

 

2. deleteCount(Optional)

배열에서 제거할 요소의 수

생략하거나 값이 array.length, start보다 클 경우 start 부터의 모든 요소를 제거

0이하의 값을  설정 할 경우 어떤 요소도 제거하지 않음, 이 경우 최소한 하나의 새로운 요소를 추가해야한다.

 

 

3. item1, item2, ...(Optional)

배열에 추가할 요소

생략할 경우 요소를 제거하기만 한다.

 

 

간단한 예제이다.

 

// 모든 로직에서 index를 이용하는 코딩이 성능이 더 좋다는 평이 있다.

//제거만
var arr = [1,2,3,4,5];
var arr2 = arr.splice(arr.length-2, 1); 
console.log(arr2); // [4] 제거된 배열 요소만을 반환
console.log(arr); // [1,2,3,5] 반환

// 추가 제거를 한꺼번에
var arr = [1,2,3,4,5];
var arr2 = arr.splice(arr.length-2, 2, 100, 1000);
console.log(arr2); // [4, 5] 제거된 배열 요소만을 반환
console.log(arr); // [1, 2, 3, 100, 1000] 을 반환