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

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

高洛峰
Libérer: 2017-01-03 16:11:35
original
1056 Les gens l'ont consulté

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]);
}
Copier après la connexion

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


* Cette méthode sera prise en charge par IE4.o à l'avenir

2 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 dans le paramètre splice , est l'indice de départ de suppression (calculé à 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 est, 'b';

À ce stade, vous pouvez parcourir les éléments du tableau de la manière normale de parcourir le tableau, comme 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 que même si la méthode splice supprime les éléments du tableau, elle peut également ajouter de nouveaux éléments du tableau

Par exemple, arr.splice( 1,1,'d','e'), Les deux éléments d et e sont ajoutés au tableau arr

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

JavaScript définit le tableau Tronquer un tableau à l'aide de la propriété length est le seul moyen de raccourcir la longueur d'un tableau si vous utilisez l'opérateur de suppression pour supprimer un élément du tableau, bien que cet élément devienne indéfini. , la propriété length du tableau ne modifie pas les deux éléments supprimés. La longueur est également modifiée

  /*
  * 方法: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);
Copier après la connexion
/*
  * 方法: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);
Copier après la connexion

Nous savons que dans IE5 ou les versions inférieures, l'objet Array (array) de JavaScript ne le fait pas. fournir une méthode prête à l'emploi pour supprimer des é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);
Copier après la connexion

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 !
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal