Maison > Problème commun > le corps du texte

Quelles sont les méthodes pour supprimer des éléments de tableau en JavaScript ?

百草
Libérer: 2023-12-07 14:42:38
original
1064 Les gens l'ont consulté

Méthodes pour supprimer des éléments de tableau en JavaScript : 1. méthode splice() ; 2. méthode filter() ; 3. opérateur de suppression ; 4. méthode pop() 5. méthode shift() ; Introduction détaillée : 1. La méthode splice() peut ajouter ou supprimer des éléments du tableau à n'importe quelle position. Elle accepte deux paramètres, l'index du tableau à modifier et le nombre d'éléments à supprimer. La méthode crée un nouveau tableau, des éléments dans un nouveau tableau, etc.

Quelles sont les méthodes pour supprimer des éléments de tableau en JavaScript ?

En JavaScript, il existe plusieurs façons de supprimer des éléments d'un tableau. Voici quelques méthodes couramment utilisées :

1. Méthode splice() :

La méthode splice() peut ajouter ou supprimer des éléments du tableau à n'importe quelle position. Il accepte deux paramètres : l'index du tableau à commencer à modifier (en commençant à 0) et le nombre d'éléments à supprimer.

Par exemple, pour supprimer 3 éléments à partir de l'index 2, vous pouvez faire ceci :

let arr = [1, 2, 3, 4, 5];  
arr.splice(2, 3); // 删除元素 3, 4, 5  
console.log(arr); // 输出: [1, 2]
Copier après la connexion

Vous pouvez également utiliser la méthode splice() pour ajouter des éléments. Par exemple, si vous souhaitez ajouter 3 éléments (par exemple, 7, 8, 9) à partir de l'index 2, vous pouvez faire ceci :

let arr = [1, 2, 3, 4, 5];  
arr.splice(2, 0, 7, 8, 9); // 添加元素 7, 8, 9  
console.log(arr); // 输出: [1, 2, 7, 8, 9]
Copier après la connexion

2, méthode filter() : la méthode

filter() crée un new array , les éléments du nouveau tableau sont vérifiés en vérifiant tous les éléments du tableau spécifié qui remplissent les conditions.

Par exemple, si vous souhaitez supprimer tous les nombres pairs d'un tableau, vous pouvez faire ceci :

let arr = [1, 2, 3, 4, 5];  
arr = arr.filter(item => item % 2 !== 0); // 删除所有偶数  
console.log(arr); // 输出: [1, 3, 5]
Copier après la connexion

3. Opérateur de suppression :

L'opérateur de suppression supprimera le dernier élément du tableau. Cependant, cela ne modifie pas la longueur du tableau. Par conséquent, si vous essayez d'accéder à l'élément supprimé, vous obtiendrez un élément indéfini.

Par exemple :

let arr = [1, 2, 3, 4, 5];  
delete arr[2]; // 删除元素 3  
console.log(arr[2]); // 输出: undefined
Copier après la connexion

Il convient de noter que l'utilisation de l'opérateur de suppression plusieurs fois détruira la continuité du tableau, faisant avancer les éléments suivants pour combler les lacunes. Par conséquent, il n’est généralement pas recommandé d’utiliser l’opérateur delete pour supprimer des éléments d’un tableau.

4. Méthode pop() :

La méthode pop() supprime et renvoie le dernier élément du tableau. Semblable à l’opérateur delete, il ne modifie pas la longueur du tableau. Par conséquent, si vous essayez d'accéder à l'élément supprimé, vous obtiendrez un élément indéfini.

Par exemple :

let arr = [1, 2, 3, 4, 5];  
arr.pop(); // 删除元素 5  
console.log(arr[4]); // 输出: undefined
Copier après la connexion

Semblable à l'opérateur delete, l'utilisation de la méthode pop() plusieurs fois détruira la continuité du tableau.

5. Méthode shift() :

La méthode shift() supprime et renvoie le premier élément du tableau. Semblable à la méthode pop(), elle ne modifie pas la longueur du tableau. Par conséquent, si vous essayez d'accéder à l'élément supprimé, vous obtiendrez un élément indéfini. De plus, comme pour la méthode pop(), l’utilisation répétée de la méthode shift() détruira la continuité du tableau.

6. Utilisez l'attribut length :

En définissant l'attribut length du tableau, vous pouvez tronquer le tableau. Par exemple :

let arr = [1, 2, 3, 4, 5];  
arr.length = 3; // 删除元素 4, 5  
console.log(arr); // 输出: [1, 2, 3]
Copier après la connexion

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