js_javascript 기술에서 배열을 삭제하는 여러 방법 요약

var arr=['a','b','c'];
'b'를 삭제하려면 두 가지 방법이 있습니다.

1.삭제 방법: arr[1] 삭제

이렇게 하면 배열의 길이는 그대로 유지됩니다. 이때 arr[1]은 정의되지 않지만 이때 원래 배열의 인덱스는 변경되지 않고 그대로 유지된다는 장점도 있습니다. 🎜>

코드 복사 코드는 다음과 같습니다.

(arr의 인덱스)

{
document.write('arr [' index ']=' arr[index]);
}


이 순회 방법은 정의되지 않은 요소를 건너뜁니다.

* 이 방법은 IE4.o 이상에서 지원됩니다

2. 배열 객체 스플라이스 방법: arr.splice(1,1); 이런 식으로 배열 길이가 그에 따라 변경되지만 원래 배열 인덱스도 그에 따라 변경됩니다

splice 매개변수의 첫 번째 1은 삭제 시작 인덱스(0부터 계산)이며, 이는 배열의 두 번째 요소입니다.

두 번째 1은 삭제할 요소 수입니다. 여기서는 'b'라는 한 요소만 삭제됩니다.

이때 삭제된 요소는 배열에 남아 있지 않기 때문에 for 등의 일반적인 배열 순회 방법으로 배열 요소 순회가 가능합니다

* 이 방법은 IE5.5 이후에만 지원됩니다

splice 메소드가 배열 요소를 삭제하는 동시에 새 배열 요소를 추가할 수도 있다는 점을 언급할 가치가 있습니다

예를 들어 arr.splice(1,1,'d','e')의 경우 d와 e 두 요소가 arr 배열에 추가됩니다.

결과 배열은 arr:'a','d','e','c'　가 됩니다

JavaScript는 배열의 길이 속성을 설정하여 배열을 자릅니다. 배열의 길이를 줄이는 유일한 방법은 삭제 연산자를 사용하여 배열의 요소를 삭제하는 것입니다. 배열은 변경하지 않고 요소를 삭제하고 배열 길이를 변경하는 방법에는 두 가지가 있습니다.

코드 복사 코드는 다음과 같습니다. :

/*

*메서드: Array.remove(dx)
* 함수: 배열 요소를 삭제합니다.
* 파라미터: 삭제된 요소의 dx 첨자.
* 반환: 원래 배열에서 배열을 수정합니다.
*/

//순회를 통해 배열을 재구성하는 데 자주 사용됩니다.

Array.prototype.remove=function(dx)

　{

　if(isNaN(dx)||dx>this.length){return false;}
　for(var i=0,n =0;i　{
　if(this[i]!=this[dx])
　{
　　this[n ]=this[i]
}
　}
　this.length-=1
　}
　a = ['1','2','3','4','5'];
alert( "elements: " a "nLength: " a.length);
a.remove(0); //인덱스가 0인 요소 제거
alert("elements: " a "nLength: " a.length ; > *메서드: Array.baoremove(dx)
* 함수: 배열 요소를 삭제합니다.
* 파라미터: 삭제된 요소의 dx 첨자.
* 반환: 원래 배열에서 배열을 수정합니다.

* /
　

　//스플라이스를 사용하여 구현할 수도 있습니다.　Array.prototype.baoremove = function(dx)　{　if(isNaN(dx)||dx> this .length){return false;}　this.splice(dx,1);}

b = ['1','2','3','4','5' ] ;

alert("elements: " b "nLength: " b.length);
b.baoremove(1); //첨자 1이 있는 요소 삭제
alert("elements: " b " nLength: " b.length);


IE5 이하 버전에서는 JavaScript의 Array(배열) 개체가 배열 요소를 삭제하기 위해 미리 만들어진 메서드를 제공하지 않는다는 것을 알고 있습니다. IE5.5 버전에서는 splice 방식이 있기는 하지만 특정 항목(또는 여러 항목)을 삭제하지는 않고, 특정 항목(또는 여러 항목)의 값만 삭제하므로 해당 항목이 여전히 존재한다는 의미이다. 배열의 길이는 변경되지 않았습니다.

실제로 배열에 삭제 메소드를 직접 추가할 수 있습니다. (이는 실제로 배열 구성원에서 배열 항목을 제거하는 것을 의미합니다.) 아마도 루프를 사용하여 배열을 재할당하는 것을 생각할 수도 있지만 이는 매우 비효율적입니다.

아래에서는 Array 객체의 Slice와 Concat 두 가지 방법을 사용하여 배열 삭제를 사용자 정의하는 방법을 소개합니다.

구체적인 코드는 다음과 같으니, 안에 있는 댓글을 주목해주세요.




코드 복사


코드는 다음과 같습니다.

Array.prototype.del=function(n) { //n은 0부터 시작하는 숫자를 나타냅니다.
//Prototype은 객체 프로토타입입니다. 여기에서 객체에 사용자 정의 메소드를 추가하는 방법을 참고하세요.
if(n return this;
else
return this.slice(0,n).concat(this.slice(n 1,this.length)); 두 개 이상의 배열로 구성된 새 배열입니다.
　　　　 여기에 this.slice(0,n)/this.slice(n 1,this.length)를 반환하는 새로운 배열이 있습니다.　　　　　　　　　
슬라이스 메서드: 시작 위치와 끝 위치를 각각 지정하는 두 개의 매개변수를 사용하여 배열의 세그먼트를 반환합니다.
　*/
}
//이 방법을 직접 추가해 보겠습니다.
var test=new Array(0,1,2,3,4,5);
test =test .del(3); //0부터 계산하면 여기서 4번째 항목이 삭제됩니다.
alert(test);


이런 방식으로 요구 사항을 충족하기 위해 Array 객체의 두 가지 메서드만 사용합니다.