배열 요소 삭제를 위한 JS 함수 소개_javascript 기술

문자열을 배열로 변환하고 출력하는 코드 분할:

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

js 배열 요소 삭제:

var arr=['a','b','c'];

'b'를 삭제하려면 두 가지 방법이 있습니다.

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

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

코드 복사

코드는 다음과 같습니다.

for(index in 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])

🎜>}
a = ['1','2','3','4','5' ];
alert("elements: " a "nLength: " a.length);
a.remove(0); //첨자 0이 있는 요소 삭제
alert("elements: " a " n 길이: " a.length);







코드 복사


코드는 다음과 같습니다.

/* * 방법: Array .baoremove( dx)

* 함수: 배열 요소를 삭제합니다.

* 매개변수: 삭제된 요소의 dx 첨자. * 반환: 원래 배열에서 배열을 수정합니다. */// 이를 달성하기 위해 splice를 사용할 수도 있습니다. 　this.splice(dx,1);}

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

Alert("elements : " b "nLength: " b.length);
b.baoremove(1) //인덱스 1을 가진 요소 삭제
alert("elements : " b "n길이: " b.length);

We know that in IE5 or lower versions, JavaScript’s Array object does not provide a ready-made method to delete array elements. In the IE5.5 version, although there is a splice method, it does not delete a certain item (or several items), but only clears the value of a certain item (or several items), which means that the item still exists. The length of the array has not changed.

In fact, we can add a delete method to the array ourselves (note that this refers to actually removing an item of the array from the array members). Maybe you would think of using a loop to reassign the array. This is certainly possible, but it is very inefficient.

Next we introduce how to use the two methods slice and concat of the Array object to customize the deletion of the array.

The specific code is as follows, please pay attention to the comments inside.

Copy code The code is as follows:

Array.prototype.del=function(n) {　/ /n indicates the number, starting from 0.
//Prototype is the object prototype. Note how to add custom methods to the object here.
if(n<0)　//If n<0, no operation is performed.
Return this;
else
return this.slice(0,n).concat(this.slice(n 1,this.length)); A new array composed of two or more arrays.
　　　　 Here is a new array composed of returning this.slice(0,n)/this.slice(n 1,this.length)
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
Slice method: Returns a segment of an array, with two parameters specifying the start and end positions respectively.
　*/
}
//Let’s try this method of adding it yourself
var test=new Array(0,1,2,3,4,5);
test =test.del(3); //Counting from 0, the 4th item is deleted here.
alert(test);


In this way, we only use the two methods of the Array object to achieve our requirements.