Explication graphique détaillée de la façon de supprimer un élément d'un tableau en JavaScript-js tutoriel-php.cn

Explication graphique détaillée de la façon de supprimer un élément d'un tableau en JavaScript

yulia

Libérer： 2018-10-10 11:41:35

original

20547 Les gens l'ont consulté

JavaScript est souvent utilisé dans le développement front-end, alors savez-vous comment utiliser JS pour supprimer des éléments spécifiés avec des valeurs ? Cet article partagera avec vous plusieurs méthodes pour supprimer un élément d'un tableau dans JS. Les amis intéressés peuvent s'y référer. J'espère que cela pourra vous aider.

Méthode 1 : slice() supprime les éléments du tableau

La méthode slice peut intercepter une certaine partie du tableau, et tous les principaux navigateurs prennent en charge la méthode slice.

Syntaxe : array.slice(start, end)
start indique la position de départ de l'interception, end indique la position de fin, omettre end signifie intercepter jusqu'au dernier bit.

Exemple : Cliquez sur le bouton pour supprimer le premier élément du tableau

Description : Si nous voulons supprimer le premier élément du tableau, nous pouvons utiliser la méthode slice pour intercepter le premier élément Pour les éléments autres que slice(1), le code est le suivant :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>  
  <p id="demo">点击按钮删除第一个数组元素。</p>
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.slice(1);
   document.write("新数组是："+ animal1)
  }
 </script>
</html>

Copier après la connexion

Rendu :

Méthode 2 : shift() supprime les éléments du tableau

La méthode shift peut supprimer le premier élément du tableau puis renvoyer la valeur du premier élément. Tous les principaux navigateurs prennent en charge la méthode shift. L’inconvénient est que seul le premier élément du tableau peut être supprimé.
Syntaxe : array.shift()

Le code est le suivant :

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.shift();
   document.write("删除的元素是："+ animal1)
  }
 </script>

Copier après la connexion

Rendu :

Méthode 3 : La méthode splice() supprime les éléments du tableau

La méthode splice() peut insérer, supprimer ou remplacer des éléments du tableau, et tous les principaux navigateurs prennent en charge la méthode d'épissage.

Syntaxe : array.splice(index,howmany,item1,...,itemX)
index indique où ajouter ou supprimer des éléments, combien indique combien d'éléments doivent être supprimés, item indique à ajouter à le nouvel élément du tableau.

Exemple de description : Supprimer un élément à partir de l'indice 0. Le code est le suivant :

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.splice(0,1);
   document.write("删除的元素是："+ animal1)
  }
 </script>

Copier après la connexion

Rendu :

Explication graphique détaillée de la façon de supprimer un élément dun tableau en JavaScript

Ce qui précède présente trois méthodes en JavaScript pour supprimer un élément dans un tableau. Les principes sont les mêmes, mais les méthodes sont différentes. La méthode à choisir au travail dépend des besoins professionnels et des habitudes personnelles. compréhension. J’espère que cet article pourra vous aider !

Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript Formation php sur le bien-être public

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!