JavaMéthodes de tableau de scripts : créer avec un exemple

Par : James Hartmann James Hartmann
Hours Le kit de préparation mis à jour

Qu'est-ce qu'un tableau ?

Un tableau est un objet qui peut stocker un collection d'objets. Les tableaux deviennent très utiles lorsque vous devez stocker de grandes quantités de données du même type. Supposons que vous souhaitiez stocker les détails de 500 employés. Si vous utilisez des variables, vous devrez créer 500 variables alors que vous pouvez faire de même avec un seul tableau. Vous pouvez accéder aux éléments d'un tableau en vous référant à son numéro d'index et l'index du premier élément d'un tableau est zéro.

JavaScript de création de tableau

Vous pouvez créer un tableau dans Javascénario comme indiqué ci-dessous.

var students = ["John", "Ann", "Kevin"];

Ici, vous initialisez votre tableau au fur et à mesure de sa création avec les valeurs « John », « Ann » et « Kevin ». L'indice de « John », « Ann » et « Kevin » est respectivement de 0, 1 et 2. Si vous souhaitez ajouter plus d'éléments au tableau des étudiants, vous pouvez procéder comme ceci :

students[3] = "Emma";
students[4] = "Rose";

Vous pouvez également créer un tableau à l'aide du constructeur Array comme ceci :

var students = new Array("John", "Ann", "Kevin");

OR

var students = new Array();

students[0] = "John";

students[1] = "Ann";

students[2] = "Kevin";

JavaMéthodes de tableau de scripts

L'objet Array possède de nombreuses propriétés et méthodes qui aident les développeurs à gérer les tableaux facilement et efficacement. Vous pouvez obtenir la valeur d'une propriété en spécifiant arrayname.property et la sortie d'une méthode en spécifiant arrayname.method().

  1. propriété length -> Si vous souhaitez connaître le nombre d'éléments dans un tableau, vous pouvez utiliser la propriété length.
  2. propriété prototype -> Si vous souhaitez ajouter de nouvelles propriétés et méthodes, vous pouvez utiliser la propriété prototype.
  3. méthode inverse -> Vous pouvez inverser l'ordre des éléments dans un tableau en utilisant une méthode inverse.
  4. méthode de tri -> Vous pouvez trier les éléments d'un tableau à l'aide de la méthode de tri.
  5. méthode pop -> Vous pouvez supprimer le dernier élément d'un tableau à l'aide d'une méthode pop.
  6. méthode de décalage -> Vous pouvez supprimer le premier élément d'un tableau en utilisant la méthode shift.
  7. méthode push -> Vous pouvez ajouter une valeur comme dernier élément du tableau.

Essayez ceci vous-même :

<html>
<head>
	<title>Arrays!!!</title>
	<script type="text/javascript">
		var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
		Array.prototype.displayItems=function(){
			for (i=0;i<this.length;i++){
				document.write(this[i] + "<br />");
			}
		}	
		document.write("students array<br />");
		students.displayItems();
		document.write("<br />The number of items in students array is " + students.length + "<br />");
		document.write("<br />The SORTED students array<br />");
		students.sort();
		students.displayItems();
		document.write("<br />The REVERSED students array<br />");
		students.reverse();
		students.displayItems();
		document.write("<br />THE students array after REMOVING the LAST item<br />");
		students.pop();
		students.displayItems();
        document.write("<br />THE students array after PUSH<br />");
        students.push("New Stuff");
		students.displayItems();
	</script>
</head>
<body>
</body>
</html>

Tu pourrais aimer: