Explication graphique détaillée de trois méthodes d'ajout d'éléments aux tableaux en JavaScript-js tutoriel-php.cn

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

yulia

Libérer： 2018-10-11 11:38:12

original

4624 Les gens l'ont consulté

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>

Copier après la connexion

Rendu :

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>

Copier après la connexion

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>

Copier après la connexion

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!