Maison > interface Web > js tutoriel > Comment supprimer un élément dans un tableau javascript

Comment supprimer un élément dans un tableau javascript

藏色散人
Libérer: 2023-01-06 11:12:13
original
16449 Les gens l'ont consulté

Comment supprimer un élément dans un tableau javascript : définissez d'abord une fonction pour l'objet tableau tableau javascript pour trouver la position de l'élément spécifié dans le tableau puis obtenez l'index de l'élément et enfin utilisez la suppression ; fonction pour supprimer simplement cet élément.

Comment supprimer un élément dans un tableau javascript

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

js supprime un élément du tableau

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

Tout d'abord, vous pouvez give js L'objet tableau définit une fonction qui est utilisée pour trouver la position de l'élément spécifié dans le tableau, c'est-à-dire 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;
};
Copier après la connexion

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

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

Si nous voulons supprimer le 'fd' qu'il contient, vous pouvez utiliser :

emp.remove(&#39;fd&#39;);
Copier après la connexion

Supprimer un élément du tableau

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

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

index : index de départ du tableau len : longueur de remplacement/suppression. item : La valeur à remplacer. Si l'opération est supprimée, l'élément est 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;]
Copier après la connexion

Remplacer

//code from http://caibaojian.com/js-splice-element.html
//替换起始下标为1,长度为1的一个值为‘ttt’,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’,len设置的1
Copier après la connexion

Ajouter---- len est mis à 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;
Copier après la connexion

2 : supprimer

delete après avoir supprimé les éléments du tableau, la valeur marquée sera définie sur undefined 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
Copier après la connexion

Mise à jour du 17/11/2016 : j'ai vu un article écrit par John Resig, le père de jquery, sur la réponse à score élevé de stackoverflow Un code que j'ai transmis :

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};
Copier après la connexion

Voici quelques cas d'utilisation réels :

// 移除数组中的第二项
array.remove(1);
// 移除数组中的倒数第二项
array.remove(-2);
// 移除数组中的第二项和第三项(从第二项开始,删除2个元素)
array.remove(1,2);
// 移除数组中的最后一项和倒数第二项(数组中的最后两项)
array.remove(-2,-1);
Copier après la connexion

Cet exemple est assez similaire au premier ci-dessus , mais il n'y a pas d'élément spécifique pour vérifier l'élément, mais la suppression est localisée par la position en indice de l'élément dans le tableau.

Étude recommandée : "Tutoriel avancé Javascript"

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!

É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