Maison >interface Web >js tutoriel >Comment supprimer des éléments de tableau en javascript
Méthode : 1. Utilisez delete, la syntaxe "delete arr [supprime l'indice de l'élément]" 2. Utilisez pop(), la syntaxe "arr.pop()" ; ), la syntaxe « arr.splice (position de départ, nombre d'éléments supprimés) » ; 4. Utilisez la méthode prototype prototype.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
En JavaScript, outre Object, le type Array (array) est probablement le type le plus couramment utilisé. Les tableaux en JavaScript sont très flexibles par rapport aux tableaux d'autres langages. Ce type de flexibilité présente des avantages et des inconvénients. L'avantage est qu'il est créatif et peut fournir diverses solutions flexibles ; l'inconvénient est qu'il est facile d'être stupide, car en fait, il est trop flexible et il est si flexible qu'il est difficile de le faire. est incontrôlable et fou.
Après avoir ridiculisé quelques mots auparavant, revenons au sujet. Nous résumerons ici 5 méthodes de suppression d'éléments de tableau en JavaScript, qui utilisent le mot-clé delete, la méthode de pile pop(), la méthode de file d'attente shift(). , la méthode d'opération splice() et la méthode de prototype prototype.
mot-clé de suppression
JavaScript fournit un mot-clé delete
pour supprimer (effacer) les éléments du tableau.
var colors = ["red", "blue", "grey", "green"]; delete colors[0]; console.log(colors); // [undefined, "blue", "grey", "green"]
Il convient de noter qu'après avoir utilisé delete pour supprimer un élément, la longueur du tableau ne change pas, mais l'élément supprimé est défini sur undefined
.
Méthode de pile pop()
L'objet Array en JavaScript fournit une méthode de pile pop()
pour afficher et renvoyer le dernier élément du tableau, peut être utilisé dans une certaine mesure comme une suppression.
La règle d'accès à la structure de données de la pile est FILO
(premier entré, dernier sorti). L'opération de pile ajoute des éléments en haut de la pile et supprime des éléments du haut de la pile. (), qui peut supprimer des éléments du tableau. Le dernier élément est renvoyé et la longueur du tableau est décrémentée de un.
var colors = ["red", "blue", "grey"]; var color = colors.pop(); console.log(color); // "grey" console.log(colors.length); // 2
On peut voir que lorsque la méthode pop() est appelée, le tableau renvoie le dernier élément, qui est "gris", et il ne reste que deux éléments dans le tableau. La méthode d'opération
splice()
fournit une méthode splice()
dans l'objet Array de JavaScript pour effectuer des opérations spécifiques sur le tableau. splice() est probablement la méthode de tableau la plus puissante. Elle peut être utilisée de plusieurs manières. Ici, nous présentons uniquement la méthode de suppression des éléments du tableau. Lors de la suppression d'éléments du tableau, il peut supprimer n'importe quel nombre d'éléments en spécifiant seulement 2 paramètres : la position du premier élément à supprimer et le nombre d'éléments à supprimer.
var colors = ["red", "blue", "grey"]; var color = colors.splice(0, 1); console.log(color); // "red" console.log(colors); // ["blue", "grey"]
On peut voir que lorsque la méthode splice(0, 1) est appelée, un élément est supprimé du tableau en commençant par le premier élément. La
méthode prototype du prototype
peut être supprimée en ajoutant une méthode au prototype Array.
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; }; var colors = ["red", "blue", "grey"]; colors.remove(1); console.log(colors); // ["red", "grey"]
Cette méthode consiste en fait à implémenter vous-même une logique de suppression, puis à ajouter la méthode de suppression à l'objet prototype d'Array, puis tous les objets Array de cet environnement peuvent utiliser cette méthode. Bien que cela soit possible, il n’est pas recommandé de modifier le prototype d’un objet natif dans une application de production. La raison est simple. Si une méthode manque dans une certaine implémentation et que vous ajoutez cette méthode au prototype de l'objet natif, alors lorsque le code est exécuté dans une autre implémentation prenant en charge cette méthode, cela peut provoquer un conflit de nom. Et cela pourrait accidentellement entraîner le remplacement des méthodes natives.
méthode de file d'attente shift()
L'objet Array en JavaScript fournit une méthode de file d'attente shift()
pour afficher et renvoyer le premier élément du tableau, peut peut également être utilisé comme une suppression dans une certaine mesure.
La règle d'accès à la structure de données de la file d'attente est FIFO
(premier entré, premier sorti). La file d'attente ajoute des éléments à la fin de la liste et supprime les éléments du début de la liste. ), qui peut supprimer des éléments du tableau. Le premier élément du tableau est renvoyé et la longueur du tableau est décrémentée de un.
var colors = ["red", "blue", "grey"]; var color = colors.shift(); console.log(color); // "red" console.log(colors.length); // 2
On peut voir que lorsque la méthode shift() est appelée, le tableau renvoie le premier élément, qui est "rouge", et il ne reste que deux éléments dans le tableau.
Recommandations d'apprentissage associées : javascript(vidéo)
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!