Maison  >  Article  >  interface Web  >  Explication graphique détaillée de trois méthodes d'ajout d'éléments aux tableaux en JavaScript

Explication graphique détaillée de trois méthodes d'ajout d'éléments aux tableaux en JavaScript

yulia
yuliaoriginal
2018-10-11 11:38:124589parcourir

Les tableaux sont une partie importante de JavaScript, alors savez-vous comment ajouter des éléments aux tableaux JS ? Cet article vous expliquera comment ajouter des éléments aux tableaux JS. Il a une certaine valeur de référence. Les amis intéressés peuvent y jeter un œil.

Méthode 1, méthode unshift()

La méthode unshift peut ajouter un ou plusieurs éléments au début du tableau, puis renvoyer la longueur du nouveau tableau , et tous les navigateurs grand public. Tous les processeurs prennent en charge la méthode unshift.

Syntaxe : array.unshift(item1,item2, ..., itemX)

Exemple : Cliquez sur le bouton pour ajouter "chien" au début du tableau

Le code est le suivant :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>  
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.unshift("dog");
   document.write("数组长度:"+ animal1+"新数组:"+animal)
  }
 </script>
</html>

Rendu :

Explication graphique détaillée de trois méthodes dajout déléments aux tableaux en JavaScript

Méthode 2, méthode push()

La méthode push peut ajouter un ou plusieurs éléments à la fin du tableau, puis renvoyer la longueur du nouveau tableau, et tous les principaux navigateurs prennent en charge la méthode push().

Syntaxe : array.push(item1, item2, ..., itemX)

Le code est le suivant :

<script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.push("dog");
   document.write("数组长度:"+ animal1+"新数组:"+animal)
  }
 </script>

Méthode 3, splice ()

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

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.

Le code est le suivant :

<script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.splice(0,0,"dog");
   document.write("新数组:"+animal)
  }
 </script>

Ce qui précède présente trois méthodes pour ajouter des éléments aux tableaux en JS, à savoir la méthode unshift(), la méthode push() et la splice () méthode . La méthode à choisir au travail dépend des besoins professionnels et des habitudes personnelles. Les débutants peuvent l'essayer eux-mêmes pour approfondir leur compréhension. J'espère que cet article pourra vous aider !

Pour plus de didacticiels connexes, veuillez visiter Tutoriel vidéo JavaScript Formation PHP Charity

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!

Déclaration:
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