TechCodeview

JavaScript 배열 splice() 메소드는 기존 배열에 요소를 추가/제거하는 데 사용됩니다. 배열에서 제거된 요소를 반환합니다. splice() 메서드는 원본 배열도 수정합니다.

통사론

splice() 메서드는 다음 구문으로 표현됩니다.

 array.splice(start,delete,element1,element2,?,elementn) 

매개변수

시작 - 요소 추출을 시작하는 메소드의 인덱스를 나타냅니다.

삭제 - 선택사항입니다. 제거할 요소의 수를 나타냅니다.

요소1,요소2,...,요소n - 선택사항입니다. 삽입할 요소를 나타냅니다.

반품

제거된 요소를 포함하는 새 배열입니다.

JavaScript 배열 splice() 메서드 예

여기서는 다양한 예제를 통해 splice() 메소드를 이해해보겠습니다.

실시예 1

다른 요소를 제거하지 않고 기존 배열에 요소를 추가하는 예를 살펴보겠습니다.

 var arr=['Monday','Tuesday','Thursday','Friday']; var result=arr.splice(2,0,'Wednesday') document.writeln(arr); 

산출:

 Monday,Tuesday,Wednesday,Thursday,Friday 

실시예 2

기존 배열에 요소를 추가하고 다른 요소를 제거하는 예를 살펴보겠습니다.

 var arr=[&apos;Monday&apos;,&apos;Tuesday&apos;,&apos;Saturday&apos;,&apos;Sunday&apos;,&apos;Thursday&apos;,&apos;Friday&apos;]; var result=arr.splice(2,2,&apos;Wednesday&apos;) document.writeln(&apos;Updated array: &apos;+arr+&apos; <br>&apos;); document.writeln(&apos;Removed element: &apos;+result); 

산출:

 Updated array: Monday,Tuesday,Wednesday,Thursday,Friday Removed element: Saturday,Sunday 

실시예 3

하나의 요소를 제거하면서 기존 배열에 두 개의 요소를 추가하는 예를 살펴보겠습니다.

 var arr=[&apos;Monday&apos;,&apos;Tuesday&apos;,&apos;Sunday&apos;,&apos;Friday&apos;]; var result=arr.splice(2,1,&apos;Wednesday&apos;,&apos;Thursday&apos;); document.writeln(&apos;Updated array: &apos;+arr+&apos; <br>&apos;); document.writeln(&apos;Removed element: &apos;+result); 

산출:

 Updated array: Monday,Tuesday,Wednesday,Thursday,Friday Removed element: Sunday 

실시예 4

기존 배열에서 요소를 제거하는 예를 살펴보겠습니다.

 var arr=[&apos;Monday&apos;,&apos;Tuesday&apos;,&apos;Saturday&apos;,&apos;Sunday&apos;,&apos;Thursday&apos;,&apos;Friday&apos;]; var result=arr.splice(2); document.writeln(&apos;Updated array: &apos;+arr+&apos; <br>&apos;); document.writeln(&apos;Removed element: &apos;+result); 

산출:

 Updated array: Monday,Tuesday Removed element: Saturday,Sunday,Thursday,Friday