>웹 프론트엔드 >JS 튜토리얼 >js에서 배열을 삭제하는 여러 방법 요약

js에서 배열을 삭제하는 여러 방법 요약

高洛峰
高洛峰원래의
2017-01-20 10:57:17977검색

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

1.delete 방법: delete arr [1 ]

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

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

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

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

2. 배열 객체 스플라이스 방법: arr. splice(1 ,1);

이런 방식으로 배열 길이는 그에 따라 변경되지만 원래 배열 인덱스도 그에 따라 변경됩니다.

splice 매개변수의 첫 번째 1은 splice의 시작 인덱스입니다. 삭제(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<this.length;i++)
  {
    if(this[i]!=this[dx])
    {
      this[n++]=this[i]
    }
  }
  this.length-=1
 }
 a = [&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;5&#39;];
 alert("elements: "+a+"nLength: "+a.length);
 a.remove(0); //删除下标为0的元素
 alert("elements: "+a+"nLength: "+a.length);
/*
  * 方法:Array.baoremove(dx)
  * 功能:删除数组元素.
  * 参数:dx删除元素的下标.
  * 返回:在原数组上修改数组.
  */
  
 //我们也可以用splice来实现.
  
 Array.prototype.baoremove = function(dx)
 {
  if(isNaN(dx)||dx>this.length){return false;}
  this.splice(dx,1);
 }
 b = [&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;5&#39;];
 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<0) //如果n<0,则不进行任何操作。
  return this;
 else
  return this.slice(0,n).concat(this.slice(n+1,this.length));
  /*
   concat方法:返回一个新数组,这个新数组是由两个或更多数组组合而成的。
         这里就是返回this.slice(0,n)/this.slice(n+1,this.length)
         组成的新数组,这中间,刚好少了第n项。
   slice方法: 返回一个数组的一段,两个参数,分别指定开始和结束的位置。
  */
}
//我们来试一试这个自己增加的方法
var test=new Array(0,1,2,3,4,5);
test=test.del(3); //从0算起,这里也就是删除第4项。
alert(test);

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

배열을 삭제하는 여러 가지 방법에 대한 더 많은 js 요약을 보려면 PHP 중국어 웹사이트의 관련 기사에 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.