Plusieurs méthodes pour utiliser JS pour supprimer un ou plusieurs éléments d'un tableau

Maintenant, je vais vous présenter plusieurs méthodes JS pour supprimer un ou plusieurs éléments d'un tableau. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.

1. La méthode splice en js

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

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

index : index de départ du tableau len : Élément de longueur de remplacement/suppression : valeur remplacée, si supprimé, l'élément est vide

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

Supprimer---- l'élément n'est pas défini

arr.splice(1,1) //['a','c','d'] L'index de départ de la suppression est 1 , Une valeur avec une longueur de 1, Len est définie sur 1, si elle est 0, le tableau reste inchangé

arr.splice (1,2) // ['a', 'd'] marqué comme 1, d'une longueur de 2, remplacé par 2

défini par len ---- l'élément est la valeur remplacée

arr.splice(1,1 ,'ttt') //['a','ttt','c','d'] Remplacez l'indice de départ par 1, une valeur de longueur 1 comme 'ttt' et len ​​définissant 1

arr.splice(1,2,'ttt') //['a','ttt','d'] Remplacez les deux valeurs par l'indice de départ 1 et la longueur 2 par 'ttt', len est défini sur 1

ajouté ---- len est mis à 0, l'élément est la valeur ajoutée

arr.splice(1,0,'ttt') / //[ 'a', 'ttt', 'b', 'c', 'd'] signifie ajouter un élément 'ttt' à l'indice 1

Il semble que l'épissure soit le plus pratique

2. supprimer Une fois la suppression supprimée, l'élément du tableau sera défini sur la valeur marquée comme indéfinie et la longueur du tableau ne changera pas

Par exemple : delete arr[1] //['a', ,'c','d'] Il y a deux virgules au milieu, la longueur du tableau reste inchangée et un élément n'est pas défini

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir, et j'espère également que tout le monde soutiendra le site Web PHP chinois.

Articles associés :

Solution d'importation de fichiers écrits Es6 (interprétation détaillée)

Contenu d'affichage de la sortie JavaScript (tutoriel de base)

Utilisation de base de js querySelector() (tutoriel graphique)

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!