Heim > Web-Frontend > js-Tutorial > Zusammenfassung mehrerer Methoden zum Löschen von Arrays in js

Zusammenfassung mehrerer Methoden zum Löschen von Arrays in js

高洛峰
Freigeben: 2017-01-03 16:11:35
Original
1054 Leute haben es durchsucht

var arr=['a','b','c'];
Um das 'b' zu löschen, gibt es zwei Methoden:

1.delete-Methode: delete arr [1 ]

Auf diese Weise bleibt die Länge des Arrays unverändert. Zu diesem Zeitpunkt wird arr[1] undefiniert, aber es hat auch den Vorteil, dass der Index des ursprünglichen Arrays unverändert bleibt. Sie können

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

Diese Traversalmethode überspringt undefinierte Elemente


* Diese Methode wird in Zukunft von IE4.o unterstützt

2 .Array-Objekt-Spleißmethode: arr.splice(1,1);

Auf diese Weise ändert sich die Array-Länge entsprechend, aber auch der ursprüngliche Array-Index ändert sich entsprechend

Der erste 1 im Spleißparameter ist der Startindex des Löschens (berechnet von 0), hier ist das zweite Element des Arrays

Die zweite 1 ist die Anzahl der gelöschten Elemente, hier wird nur ein Element gelöscht ist, 'b ';

Zu diesem Zeitpunkt können Sie die Array-Elemente auf die normale Weise des Array-Traversierens durchlaufen, z. B. für, da die gelöschten Elemente nicht im Array erhalten bleiben

* Diese Methode wird erst nach IE5.5 unterstützt

Es ist erwähnenswert, dass die Splice-Methode zwar Array-Elemente löscht, aber auch neue Array-Elemente hinzufügen kann

Zum Beispiel arr.splice( 1,1,'d','e'), Die beiden Elemente d und e werden dem Array arr hinzugefügt

Das resultierende Array wird zu arr:'a','d','e',' c' 

JavaScript legt das Array fest. Das Abschneiden eines Arrays mithilfe der Längeneigenschaft ist die einzige Möglichkeit, die Länge eines Arrays zu verkürzen, wenn Sie den Löschoperator verwenden, um ein Element im Array zu löschen, obwohl dieses Element undefiniert wird , die Längeneigenschaft des Arrays ändert die beiden gelöschten Elemente nicht.

  /*
  * 方法: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);
Nach dem Login kopieren
/*
  * 方法: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);
Nach dem Login kopieren

Wir wissen, dass das Array-Objekt (Array) in IE5 oder niedriger nicht geändert wird Stellen Sie eine vorgefertigte Methode zum Löschen von Array-Elementen bereit. In der Version von IE5.5+ gibt es zwar eine Spleißmethode, diese löscht jedoch nicht ein bestimmtes Element (oder mehrere Elemente), sondern löscht nur den Wert eines bestimmten Elements (oder mehrerer Elemente), was bedeutet, dass das Element noch vorhanden ist existiert, hat sich die Länge des Arrays nicht geändert.


Tatsächlich können wir selbst eine Löschmethode zum Array hinzufügen (beachten Sie, dass sich dies auf das tatsächliche Entfernen eines Elements des Arrays aus den Array-Mitgliedern bezieht). Vielleicht denken Sie darüber nach, das Array mithilfe einer Schleife neu zuzuweisen. Dies ist zwar möglich, aber sehr ineffizient.

Im Folgenden stellen wir vor, wie Sie die beiden Methoden Slice und Concat des Array-Objekts verwenden, um das Löschen des Arrays anzupassen.

Der spezifische Code lautet wie folgt. Bitte beachten Sie die Kommentare darin.

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);
Nach dem Login kopieren

Auf diese Weise verwenden wir nur die beiden Methoden des Array-Objekts, um unsere Anforderungen zu erfüllen.

Weitere js-Zusammenfassungen verschiedener Methoden zum Löschen von Arrays finden Sie auf der chinesischen PHP-Website für verwandte Artikel!
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage