Résumé de plusieurs méthodes pour supprimer des tableaux en js
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 à 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 = ['1','2','3','4','5']; 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 = ['1','2','3','4','5']; 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 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);
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 !
Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.

JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...

La discussion sur la réalisation des effets de défilement de parallaxe et d'animation des éléments dans cet article explorera comment réaliser le site officiel de Shiseido (https://www.shiseido.co.jp/sb/wonderland/) ...

Apprendre JavaScript n'est pas difficile, mais c'est difficile. 1) Comprendre les concepts de base tels que les variables, les types de données, les fonctions, etc. 2) Master la programmation asynchrone et les implémenter via des boucles d'événements. 3) Utilisez les opérations DOM et promettez de gérer les demandes asynchrones. 4) Évitez les erreurs courantes et utilisez des techniques de débogage. 5) Optimiser les performances et suivre les meilleures pratiques.

Explorez la mise en œuvre de la fonction de glisser et de réglage du panneau de type VScode dans le frontal. Dans le développement frontal, comment implémenter un VScode comme ...

Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...
