Maison  >  Article  >  interface Web  >  Comment supprimer un élément dans un tableau JS

Comment supprimer un élément dans un tableau JS

亚连
亚连original
2018-06-08 10:52:223291parcourir

Maintenant, je vais partager avec vous une méthode JS pour supprimer un élément dans un tableau. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Supprimer un élément spécifié dans le tableau

Tout d'abord, vous pouvez définir une fonction pour l'objet tableau JS pour trouver la position de l'élément spécifié dans le tableau, qui est, l'index, le code est :

Array.prototype.indexOf = function(val) { 
for (var i = 0; i < this.length; i++) { 
if (this[i] == val) return i; 
} 
return -1; 
};

Ensuite, utilisez pour obtenir l'index de cet élément, et utilisez la propre fonction inhérente du tableau js pour supprimer cet élément :

Le code est :

Array.prototype.remove = function(val) { 
var index = this.indexOf(val); 
if (index > -1) { 
this.splice(index, 1); 
} 
};

De cette façon, une telle fonction est construite. Par exemple, j'ai un tableau :

var emp = [&#39;abs&#39;,&#39;dsf&#39;,&#39;sdf&#39;,&#39;fd&#39;]

Si nous voulons supprimer le 'fd' dedans, nous peut utiliser :

emp.remove(&#39;fd&#39;);

Supprimer un élément du tableau

splice(index,len,[item]) Remarque : Cette méthode changera le tableau d'origine.

splice a 3 paramètres, elle peut également être utilisée pour remplacer/supprimer/ajouter une ou plusieurs valeurs dans le tableau

index : index de départ du tableau len : remplacement/suppression de l'élément de longueur : Valeur de remplacement, si l'opération de suppression est effectuée, l'élément sera vide

Par exemple : arr = ['a','b','c','d']

Supprimer

//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变) 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1); 
console.log(arr); 
//[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]; 
 
 
//删除起始下标为1,长度为2的一个值(len设置2) 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 
arr2.splice(1,2); 
console.log(arr2); 
//[&#39;a&#39;,&#39;d&#39;]

Remplacer

//替换起始下标为1,长度为1的一个值为‘ttt&#39;,len设置的1 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;c&#39;,&#39;d&#39;] 
 
 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr2.splice(1,2,&#39;ttt&#39;); 
console.log(arr2);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;d&#39;] 替换起始下标为1,长度为2的两个值为‘ttt&#39;,len设置的1

Ajouter ---- len est réglé sur 0, l'élément est la valeur ajoutée

var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,0,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 表示在下标为1处添加一项&#39;ttt&#39;<span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255);"> </span>

Une fois que la méthode delete a supprimé les éléments du tableau, elle définira la valeur en indice sur indéfini et la longueur du tableau ne changera pas

var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
delete arr[1]; 
arr; 
//["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
Ce qui précède est ce que j'ai compilé pour vous, j'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

À propos de l'utilisation de datepicker dans vue2.0

Mode médiateur JavaScript (tutoriel détaillé)

Comment utiliser les éléments Dom dans jQuery ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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
Article précédent:VuePress génère un site WebArticle suivant:VuePress génère un site Web