Maison  >  Article  >  interface Web  >  Résumé de plusieurs méthodes pour supprimer des tableaux en js

Résumé de plusieurs méthodes pour supprimer des tableaux en js

高洛峰
高洛峰original
2017-01-20 10:57:17968parcourir

var arr=['a','b','c'];
Pour supprimer le 'b', il existe deux méthodes :

Méthode 1.delete : delete arr [1 ]

De cette façon, la longueur du tableau reste inchangée à ce moment, arr[1] devient indéfini, mais cela présente également l'avantage que l'index du tableau d'origine reste inchangé à ce moment-là. vous pouvez utiliser

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

Cette méthode de parcours ignore les éléments non définis

* Cette méthode sera prise en charge par IE4.o et versions ultérieures

Méthode d'épissage d'objet Array : arr. .splice (1,1);

De cette façon, la longueur du tableau change en conséquence, mais l'index du tableau d'origine change également en conséquence

Le premier 1 du paramètre splice est l'index de départ. de suppression (à partir de Comptage à partir de 0), voici le deuxième élément du tableau

Le deuxième 1 est le nombre d'éléments supprimés, ici un seul élément est supprimé, soit 'b';

Ceci Lorsque vous parcourez les éléments du tableau, vous pouvez utiliser la manière normale de parcourir le tableau, par exemple pour, car les éléments supprimés ne sont pas conservés dans le tableau

* Cette méthode n'est prise en charge qu'après IE5. 5

Il convient de mentionner La méthode splice peut également ajouter de nouveaux éléments de tableau

tout en supprimant des éléments de tableau. Par exemple, arr.splice(1,1,'d','e') , deux éléments d et e sont ajoutés. Le tableau arr

Le tableau résultant devient arr:'a','d','e','c'

JavaScript tronque le tableau de définition de l'attribut length du tableau. Il existe deux façons de raccourcir la longueur d'un tableau. Si vous utilisez l'opérateur delete pour supprimer un élément du tableau, bien que cet élément devienne indéfini, la propriété length du tableau ne change pas. Deux méthodes pour supprimer un élément et modifier la longueur du tableau.

  /*
  * 方法: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);

Nous savons que dans IE5 ou les versions inférieures, l'objet Array (array) de JavaScript ne fournit pas de méthode toute faite pour supprimer les éléments du tableau. Dans la version IE5.5, bien qu'il existe une méthode d'épissage, elle ne supprime pas un ou plusieurs éléments, mais efface uniquement la valeur d'un ou plusieurs éléments, ce qui signifie que l'élément existe toujours. du tableau n’a pas changé.


En fait, nous pouvons ajouter nous-mêmes une méthode de suppression au tableau (notez que cela fait référence à la suppression réelle d'un élément du tableau des membres du tableau). Peut-être penserez-vous à utiliser une boucle pour réaffecter le tableau. C'est certainement possible, mais c'est très inefficace.

Ci-dessous, nous expliquons comment utiliser les deux méthodes slice et concat de l'objet Array pour personnaliser la suppression du tableau.

Le code spécifique est le suivant, veuillez faire attention aux commentaires à l'intérieur.

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);

De cette façon, nous utilisons uniquement les deux méthodes de l'objet Array pour répondre à nos exigences.

Pour plus de résumé js de plusieurs méthodes de suppression de tableaux, veuillez faire attention au site Web PHP chinois pour les articles connexes !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn