Maison > interface Web > js tutoriel > le corps du texte

Comment supprimer des éléments (éléments) d'un tableau javascript

青灯夜游
Libérer: 2021-07-02 17:45:59
original
2703 Les gens l'ont consulté

Méthode de suppression : 1. Utilisez pop() pour supprimer les éléments à la fin du tableau ; 2. Utilisez shift() pour supprimer les éléments au début du tableau ; 3. Utilisez l'opérateur de suppression pour supprimer l'élément à l'endroit spécifié ; position de l'indice ; 4. Utilisez l'attribut length pour supprimer l'élément à la fin ou plusieurs éléments ; 5. Utilisez splice() pour supprimer un ou plusieurs éléments après la position de l'indice spécifiée.

Comment supprimer des éléments (éléments) d'un tableau javascript

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

Méthode 1 : utilisez la méthode pop() pour supprimer des éléments à la fin du tableau

La méthode pop() peut supprimer le dernier élément du tableau et renvoyer l'élément supprimé.

Exemple :

var a = [];  //定义数组,模拟空栈
console.log(a.push(1));  //入栈,栈值为[1],length为1
console.log(a.push(2));  //入栈,栈值为[1,2],length为2
console.log(a.pop());  //出栈,栈值为[1],length为1
console.log(a.push(3,4));  //入栈,栈值为[1,3,4],length为3
console.log(a.pop());  //出栈,栈值为[1,3],length为2
console.log(a.pop());  //出栈,栈值为[1],length为1
Copier après la connexion

Méthode 2 : utilisez la méthode shift() pour supprimer des éléments au début du tableau

La méthode shift() peut supprimer le premier élément du tableau, renvoyer cet élément, puis avancez tous les éléments restants de 1 bit pour combler les espaces en tête du tableau. Si le tableau est vide, shift() ne fera rien et renverra undéfini.

Exemple :

var a = [1,2,3,4,5];  //定义数组
for (var i in a) {  //遍历数组
    var t = a.pop();  //尾部弹出
    a.unshift(t * 10);  //头部推入,把推进的值放大10倍 
}
console.log(a);  //返回[10,20,30,40,50]
Copier après la connexion

Méthode 3 : Utiliser l'opérateur de suppression

Utilisez l'opérateur de suppression pour supprimer l'élément du tableau à la position d'indice spécifiée. Les éléments supprimés sont des éléments vides et la longueur du tableau supprimé reste inchangée.

var a = [1, 2, true, "a", "b"];
delete a[0];
console.log(a);
Copier après la connexion

Méthode 4 : Utilisez l'attribut length

Utilisez l'attribut length pour supprimer un ou plusieurs éléments à la fin, ou même effacer l'intégralité du tableau. La longueur du tableau sera mise à jour dynamiquement après la suppression d'éléments.

var a = [1, 2, true, "a", "b"];
a.length = 3;
console.log(a);
Copier après la connexion

Méthode 5 : utilisez la méthode splice()

Utilisez la méthode splice() pour supprimer un ou plusieurs éléments du tableau après la position d'indice spécifiée. Cette méthode comporte de nombreux paramètres et de nombreuses fonctions. L'exemple de cette section montre uniquement comment elle supprime les éléments du tableau. Le premier paramètre est la position de l'indice de départ de l'opération et le deuxième paramètre spécifie le nombre d'éléments à supprimer.

var a = [1,2,3,4,5];
a.splice(1,2);
console.log(a);
Copier après la connexion

Dans la méthode splice(1,2,3,4,5), la valeur du premier paramètre 1 signifie qu'à partir de la position du deuxième élément du tableau a, supprimez 2 éléments. Après suppression, il ne reste que 3 éléments dans le tableau a. .éléments.

Si vous transmettez un paramètre à la méthode splice(), la méthode effectue uniquement l'opération de suppression. La valeur du paramètre spécifie l'indice de début de l'élément supprimé (y compris l'élément indice), et la méthode splice() supprimera tous les éléments suivants. éléments.

var a = [1,2,3,4,5]; 
a.splice(2);
console.log(a);
Copier après la connexion

【Recommandations associées : Tutoriel d'apprentissage 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