[Javascript] Array 객체의 메서드(1) - splice()

* 원하는 위치에 요소를 추가 or 삭제하는 splice() 메서드

- 인수가 1개인 경우

// 인수가 1개인 경우
var numbers = [1, 2, 3, 4, 5];
var newNumbers = numbers.splice(2); // 3번째 요소인 3부터 마지막 요소인 5까지 삭제를 하겠다 !
document.write("반환된 배열 : " + newNumbers + "<br>");
document.write("변경된 배열 : " + numbers);

결과값은 다음과 같다.

 

반환된 배열 : 3, 4, 5

변경된 배열 : 1, 2

 

- 인수가 2개인 경우

//인수가 2개인 경우
var study = ["html", "css", "web", "jqeury"];
var newStudy = study.splice(2, 1); // 인덱스값이 2인 요소 1개("web")를 삭제하겠다 !

document.write("반환된 배열 : " + newStudy + "<br>");
document.write("변경된 배열 : " + study);

결과값은 다음과 같다.

 

반환된 배열 : web

변경된 배열 : html, css, jquery

 

- 인수가 3개 이상인 경우

(...생략...)
//인수가 3개 이상인 경우
var newStudy2 = study.splice(2, 1, "js"); 
// 인덱스값이 2인 요소 1개를 삭제하면서 그 자리에 "js"를 추가
document.write("반환된 배열 : " + newStudy2 + "<br>");
document.write("변경된 배열 : " + study);

결과값은 다음과 같다.

 

반환된 배열 : jquery

변경된 배열 : html, css, js